Urls in css is not working after upload static files to aws s3 bucket

Question

I making a blog posting web site and also check different cors configurations for aws but any of this can solve this issue.Issue is urls in css files like

   @import url(fonts.css); background-image:
url("paper.gif");

and like these things is not working.And also in console I got a error like this

net::ERR_ABORTED 403 (Forbidden)

so any of font awesome icons are also not working.Do you have any suggestion let me know.

This might help https://stackoverflow.com/questions/18724718/error-403-in-loading-resources-like-css-and-js-in-my-index-php — Kaushal Sharma, Jul 29 '21 at 15:51
Are these web assets served from S3 or from your web server? If served from S3, are they public? — jarmod, Jul 29 '21 at 15:57

score 1 · Accepted Answer · answered Aug 01 '21 at 16:41

This is because you in bucket policy is blocked the other urls. therefore they don't allow to any other url to interfere your bucket objects.And the solution for this question is first you have to do is disable block all public acces in permission .After that add this to bucket policy

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

Then you good to go.

Urls in css is not working after upload static files to aws s3 bucket

1 Answers1