首页 > 解决方案 > CloudFront 已被 CORS 策略阻止

问题描述

我用来axios从我的 cdn(由 aws CloudFront 提供服务)获取资源(md 文件)。

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

从源“https://next.example.com”访问“https://next.cdn.example.com/foo/bar.md”的 XMLHttpRequest 已被 CORS 策略阻止:对预检请求的响应不通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头

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

但是在 CloudFront 中,我设置了一切来支持 CORS(在图片中)。

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

S3 在此处输入图像描述

在此处输入图像描述

CloudFront

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

标签: amazon-web-servicesamazon-s3corsamazon-cloudfront

解决方案


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


推荐阅读