javascript - 制作我的第一个 listObjects from Amazon S3 -- Classic "' Access-Control-Allow-Origin'"遇到

Question

这是我到目前为止所做的。

使用免费帐户设置 S3，用

硬编码我的访问 key

AWS.config.update({
  accessKeyId: 'hidden',
  secretAccessKey: 'hidden'
});

AWS.config.region = 'us-west-2';
var myAWS = new AWS.S3();
myAWS.listObjects({Bucket: "anothertestbucketalexwait"}, function(error, data) {
  console.log("Arguments!", arguments);
});

得到

XMLHttpRequest cannot load https://anothertestbucketalexwait.s3-us-west-2.amazonaws.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin "http://localhost:9000" is therefore not allowed access.

在调用 listObjects() 时。

阅读 Chrome 不支持来自本地主机的 CORS(使用 yeoman/'localhost:9000')。我设置了一个本地开发 apache 服务器，所以我的主机名是 s3test.local

XMLHttpRequest cannot load https://anothertestbucketalexwait.s3-us-west-2.amazonaws.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s3test.local' is therefore not allowed access.

还是不行....

我有

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

在相关存储桶的 CORS 配置下。

我还能尝试什么？

Answer 1

我也遇到了同样的问题。通过添加解决它

<AllowedHeader>*</AllowedHeader>

相关存储桶的 CORS 配置

因此，我用于直接上传到 S3 存储桶的完整 CORS 配置现在是:

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

我是初学者，所以非常欢迎任何关于这样做的安全影响的评论!