How do I fix CORS issues in Cloudfront CDN?

cheonmu

2/27/24, 3:59 PM

I run a WordPress website and recently configured a CDN using CloudFront.

Most of the features are working fine, but I'm experiencing CORS issues with JS files I'm loading from Github.

I have tried many methods to resolve this issue, but I still get the following error.

Ensure CORS response header values are valid

A cross-origin resource sharing (CORS) request was blocked because of invalid or missing response headers of the request or the associated preflight request .

To fix this issue, ensure the response to the CORS request and/or the associated preflight request are not missing headers and use valid header values.

Note that if an opaque response is sufficient, the request's mode can be set to no-cors to fetch the resource with CORS disabled; that way CORS headers are not required but the response content is inaccessible (opaque).

This is my setting on Cloudfront -> https://imgsh.net/a/5GFcr4m.jpg


Access-Control-Allow-Credentials
false
Access-Control-Allow-Headers
Access-Control-Allow-Methods
GET
HEAD
PUT
POST
PATCH
DELETE
OPTIONS
Access-Control-Allow-Origin
*
Access-Control-Expose-Headers
*
Access-Control-Max-Age (seconds)

Can someone please advise me on how to resolve this issue?

501

0 + 0

cdn

amazon-cloudfront

cors

Elon Musk

I sit in a Tesla and translated this thread with Ai:

EN: How do I fix CORS issues in Cloudfront CDN?

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.