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.
To fix this, simply follow the following instructions:
- Change “Forward Headers” from “None” to “Whitelist”
- Add “Origin” to the “Whitelist Headers”
- Make sure that “Use Origin Cache Headers” is checked
- Invalidate the cached fonts