google-chrome - 跨源请求到 Chrome 上的 S3 中缺少源头

Question

我正在尝试从 s3 存储桶加载 Assets (字体)。 Firefox 和 IE 上的字体需要在响应中返回 Access-Control-Allow-Origin header 。不幸的是，Chrome 似乎没有发送“Origin”请求 header 。由于它不发送 Origin 请求 header ，因此 S3 的 CORS 策略不会返回所需的 Access-Control-Allow-Origin header 。

这是从 Chrome 检查器面板截取的示例请求:

为什么 Requset 标题中没有“Origin”标题？!



提出此字体请求的页面位于 https://proximate.com并托管在 Heroku 上。

Answer 1

制作前GET请求字体，Chrome 会发送预检 OPTIONS请求字体资源。正是在这个预检请求中，Chrome 会发送 Origin标题。 S3 的 CORS 策略将返回所需的 Access-Control-Allow-Origin响应此预检的 header OPTIONS要求。
此后，Chrome 将对字体发出 GET 请求——您在屏幕截图中显示的请求。 Chrome 不会发送 Origin此标题中的 GET现在请求。如屏幕截图所示，请求成功(状态代码 200 OK)。还要注意亚马逊 header (以 x-amz- 开头)和 Server: AmazonS3出现在响应中。
看来您的网站 https://proximate.com会收到来自 Amazon S3 的字体。不是这样吗？

更多详情请查看链接https://spring.io/understanding/CORS和 https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html .