Articles in this section

Amazon CloudFront & S3

What you need to configure

  • Enable CORS

  • Allow RANGE & OPTIONS requests

How to do it for Amazon Cloudfront

Basically, Amazon Cloudfront forwards your Origin headers. It is mandatory to set them properly on your Origin.
Still, you have to allow OPTIONS requests, and to make sure CloudFront forwards all the Origin headers. Follow these steps:

  1. In the CloudFront portal, click on Distribution Settings for the distribution you want to configure.

  2. In the Behaviors tab, click on Edit for the Cache Behavior you want to configure.

  3. Change your settings as below:

    Screen_Shot_2017-12-20_at_4.49.36_PM.png

How to do it for Amazon S3 buckets

You can easily edit your S3 buckets CORS configurations. Follow these steps:

  1. In the Amazon S3 console, click on the Properties tab for the bucket you want to configure.

  2. In the Permissions section, click on Edit CORS Configuration.

  3. Paste the following XML in the text area:

    <?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

 

Related articles