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.

Are these web assets served from S3 or from your web server? If served from S3, are they public? — jarmod
– jarmod, Commented Jul 29, 2021 at 15:57

Dtheekshana · Accepted Answer · 2021-08-01 16:41:57Z

1

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.

answered Aug 1, 2021 at 16:41

Dtheekshana

821 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related