I’m currently working on a project where I’m using AWS S3 to store static files (like images and JavaScript) and CloudFront as the CDN for serving these files to clients. However, I’m facing an issue with CORS (Cross-Origin Resource Sharing).

I’m currently working on a project where I’m using AWS S3 to store static files (like images and JavaScript) and CloudFront as the CDN for serving these files to clients. However, I’m facing an issue with CORS (Cross-Origin Resource Sharing).

Earlier I was accessing this cloudfront distribution from one repo, localhost:4000, and from stage env. It was all working fine. I sat up a new localhost localhost:4800 and tried accessing the same cloudfront distribution, but I am getting CORS error.
Below are the CORS setting in the S3 bucket and Origins and Behaviors setting in the Cloudfront.

I’m serving static content from an S3 bucket via a signed url from Cloudfront that is redirected from my REST API using a 301. I’m trying to retrieve that content via my frontend web app and I’m running into CORS issues related to missing access-control-* headers in my GET request for the asset.