CloudFront 已被 CORS 策略阻止

Posted 2023-03-04

【中文标题】CloudFront 已被 CORS 策略阻止

【英文标题】：CloudFront has been blocked by CORS policy

【发布时间】：2021-01-07 12:02:41

【问题描述】：

我使用axios 从我的 cdn（由 aws CloudFront 提供）获取资源（md 文件）。

我在浏览器中收到此错误消息：

在“https://next.cdn.example.com/foo/bar.md”访问 XMLHttpRequest 来自原点“https://next.example.com”已被 CORS 阻止 策略：对预检请求的响应未通过访问控制 检查：没有“Access-Control-Allow-Origin”标头出现在 请求的资源

My website is: https://next.example.com
My cdn: https://next.cdn.example.com

但在 CloudFront 中，我设置了所有支持 CORS（在图片中）。

我还能做些什么来解决这个问题？

S3

云端

【参考方案1】：

我相信您还需要在 CloudFront 的行为设置中允许 OPTIONS 请求。 OPTIONS 请求在 CORS 请求的实际 GET/POST 请求之前发送，有关详细信息，请参阅https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Functional_overview。