IllegalLocationConstraintException on CloudFront (for S3)

Question

I have created an S3 and I uploaded files on the bucket successfully. Now, I am trying to make it work with CloudFront however it is giving me

IllegalLocationConstraintException

The ap-east-1 location constraint is incompatible for the region specific endpoint this request was sent to.

My S3 url is: http://my-bucket-name.s3.ap-east-1.amazonaws.com/assets/local/css/app.css (this returns me the file)

CloudFront is linked to the S3, and the url: https://id.cloudfront.net/assets/local/css/app.css (this returns me the IllegalLocationConstraintException)

---

In S3 bucket > Permissions >

"Block Public Access" is Off

"Bucket Policy" is auto-generated:

{
    "Version": "2008-10-17",
    "Id": "PolicyForCloudFrontPrivateContent",
    "Statement": [
        {
            "Sid": "1",
            "Effect": "Allow",
            "Principal": {
                "AWS": "######"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-bucket-name/*"
        }
    ]
}

What am I doing wrong?

Answer 1

1. Go to your CloudFront dashboard and click on the distribution ID
2. Go to 'Origins and Origin Groups' tab
3. select your origin and click 'edit
4. edit 'Origin Domain Name' to match this format bucketname.s3.regioncode.amazonaws.com
5. save and wait for 'deployed' state

Answer 2

Even when you auto-select the S3 in CloudFront as related bucket, you still need to put your location manually for making it work.

---

Update:

My issue was because my CloudFront origin was not in us-east, and when you auto-select your bucket's origin in CloudFront, it doesn't add the location prefix to the url. So make sure you add your s3 location like so:

bucketname.s3.ap-east-1.amazonaws.com