无法访问使用 CloudFront + S3 通过浏览器访问的图像答案

【问题标题】：Images accessed through browser using CloudFront + S3 could not be accessed无法访问使用 CloudFront + S3 通过浏览器访问的图像
【发布时间】：2015-04-12 13:52:20
【问题描述】：

我们已经配置了云前端，分发名称是 xxxxxxx.cloudfront.net。此外，分发配置为使用 Cors 配置的“使用所有边缘位置（最佳性能）”。 Cors 配置如下，

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>

现在，当我们从浏览器访问图像时，它会出现如下错误，以防 Google Chrome，

“来自来源'http://xxxxxxxx.cloudfront.net'的图像已被跨域资源共享策略阻止加载：请求的资源上不存在'Access-Control-Allow-Origin'标头。来源'https://www.xxxxx.com'是因此不允许访问。”

您能否告诉我们为什么这会在 Google Chrome 与其他浏览器配合良好的情况下产生问题。

问候，阿文德

【问题讨论】：

标签： amazon-web-services amazon-s3 amazon-cloudfront

【解决方案1】：

您是否将 CloudFront 配置为按照此处指定的方式转发 Origin 标头？ http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html#header-caching-web-cors

【讨论】：