How do I use a single CloudFront web distribution to serve content from multiple origins that use multiple behaviors?

Resolution

You can configure a single CloudFront web distribution to serve different types of requests from multiple origins. For example, your website might serve static content from an Amazon Simple Storage Service (Amazon S3) bucket and dynamic content from a load balancer. You can serve both types of content from a CloudFront web distribution.

To configure a CloudFront web distribution to serve static content from an S3 bucket and dynamic content from a load balancer, complete the following steps:

1. Open the CloudFront console.
2. Select your web distribution, and then choose the Origins tab.
3. Create one origin for your S3 bucket, and another origin for your load balancer.
   Note: If you use a custom origin server or an S3 website endpoint, then you must enter the origin's domain name for Origin Domain Name.
4. Choose the Behaviors tab.
5. Create a behavior that specifies a path pattern to route all static content requests to the S3 bucket.
   Note: For example, you can set the images/*.jpg path pattern to route all requests for .jpg files in the images directory to the S3 bucket.
6. Edit the Default (*) path pattern behavior and set its Origin as your load balancer.

Related information

Configure distributions