CloudFront 403 when loading image/scripts

Question

Everything was working as it should yesterday, I didn't change anything, and all of a sudden my website keeps returning `403` when trying to load images and scripts.

I'm using CloudFront to serve my S3

My permission script
```
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicRead",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::BUCKET_NAME/*"
        }
    ]
}
```
What can I do to fix this 403 issue, I tried everything

Answer

Here we have a very detailed troubleshooting guide for CloudFront 403: https://aws.amazon.com/premiumsupport/knowledge-center/cloudfront-troubleshoot-403-errors/

In your specific case, you might find "An Amazon S3 origin returning 403 error" section useful. As you suggested that there was no change and it was working properly, I wonder if the objects in the bucket were accidentally deleted, as described in "Confirm that the requested objects exist in the bucket" section in this article: https://aws.amazon.com/premiumsupport/knowledge-center/s3-website-cloudfront-error-403/

CloudFront 403 when loading image/scripts

Relevant content