Amazon S3 javascript and css files 403

Question

I have some javascript and css files linked in head tag of my page. All the page content (index.html page and javascript and css files) is located in a bucket. When I launch index.html page, I get 403 errors on all those javascript and css files:

Failed to load resource: the server responded with a status of 403 (Forbidden)

This must be some setting on amazon S3 which prevent these files from accessing?

Can you help me resolve this?

Answer 1

You need to check if your files are configured as public:

Or grant permissions using a Bucket policy:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AddPerm",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::YOUR_BUCKET_NAME/*"
        }
    ]
}