Amazon S3 CORS 错误但配置已设置

Question

我是 S3 新手，正在设置 S3 存储桶来存储和显示图像。在浏览器中加载时效果很好，但当尝试使用 Javascript 下载其中一些资源时，我收到标准 CORS 错误（网址已编辑）：

Access to fetch at 's3_url' from origin 'site_url' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

我已将 S3 中的 CORS 配置更新为以下内容，但似乎没有解决问题：

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "POST",
            "GET",
            "PUT",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "Access-Control-Allow-Origin"
        ]
    }
]

我尝试过公开和不公开标头，并且尝试将 HEAD 添加到允许的方法中，如下所述：AWS S3 Bucket CORS 配置：策略块，尽管有所有访问权限

我需要从本地主机访问它以进行本地开发，因此我不能仅限于我的实时域。

我是不是漏掉了一步？

Answer 1

这是您提供的更新的 CORS 配置：

[
{
    "AllowedHeaders": [
        "*"
    ],
    "AllowedMethods": [
        "GET",
        "HEAD"
    ],
    "AllowedOrigins": [
        "*"
    ],
    "ExposeHeaders": [],
    "MaxAgeSeconds": 3000
}
]