Fixed – Cross-Origin Resource Sharing Error with Origin on Amazon CloudFront

Amazon Cloud Front is one of the AWS features which is popular among other CDNs. Configuring Amazon Cloud Front into WordPress website is easier with a plugin called W3 Total Cache.

However, most of the time, there is an error happened during the negotiation between the website, origin, and the S3 bucket using this plugin.

No ‘Access-Control-Allow-Origin’ header error is blocked by Amazon Cloud Front

To fix this, simply follow the following instructions:

  1. Change “Forward Headers” from “None” to “Whitelist”
  2. Add “Origin” to the “Whitelist Headers”
  3. Make sure that “Use Origin Cache Headers” is checked
  4. Invalidate the cached fonts


About the author

Vannkorn I am a WordPress lover. I make my living using WordPress. Buy a coffee
Show your support

Related Posts


Leave a Reply

Your email address will not be published. Required fields are marked *