XMLHttpRequest 无法加载 http://xx-xx.s3.amazonaws.com/。对预检请求的响应未通过访问控制检查答案

【问题标题】：XMLHttpRequest cannot load http://xx-xx.s3.amazonaws.com/. Response to preflight request doesn't pass access control checkXMLHttpRequest 无法加载 http://xx-xx.s3.amazonaws.com/。对预检请求的响应未通过访问控制检查
【发布时间】：2017-12-23 15:22:01
【问题描述】：

我正在尝试实现 react Fineuploader 直接上传到 s3 存储桶。当我尝试上传文件时出现此错误。

XMLHttpRequest 无法加载 http://xx-xx.s3.amazonaws.com/。回应预检请求未通过访问控制检查：否 'Access-Control-Allow-Origin' 标头出现在请求的资源。因此，Origin 'http://x.x.com' 不允许访问。这响应的 HTTP 状态代码为 403。

在我的本地，我可以使用 cors-anywhere 写入 s3 如果我在 xx-xx.s3.amazonaws.com 之前附加它

我使用 react+node+express 和 Django 作为后端。

【问题讨论】：

看看Mozilla's guide to cross-origin requests

标签： node.js django reactjs express amazon-s3

【解决方案1】：

如果目标服务器不允许跨域请求，那么您将不得不通过自己的后端代理这些请求，这无论如何都是一个好习惯，因为这些请求可能需要包含一些 API 密钥或其他凭据永远不会存储在客户端。

【讨论】：

【解决方案2】：

我更新了 aws 控制台以允许任何域并保存，然后我将其更改回我的域并且它工作正常。

【讨论】：