为什么在访问 AWS S3 存储桶时出现“CORS header 'Access-Control-Allow-Origin' missing”错误？

Question

在访问从我的 Rails 站点 (localhost:3000) 上传到 AWS S3 存储桶的医学图像时，我一直遇到“CORS header 'Access-Control-Allow-Origin' missing”错误问题。

这是我的 CORS 配置。

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

这是我在 Firefox 中遇到的问题（仅供参考，有 16 张图像需要加载）。

我不是 AWS 或 CORS 配置方面的专家，但我不知道从哪里开始。 我的理解是我允许来自所有来源的请求，所以我想知道为什么会出现此错误。

该错误告诉我缺少“Access-Control-Allow-Origin”。 但是这个在CORS文件的什么地方指定的呢？ 许多类似的问题都在 SO 上，但它们是 AWS 的 JSON CORS 之前的文件。

我明白我可能没有提供所有需要的信息； 如果是这样，请让我知道还需要什么来帮助我解决这个问题。

至少，请让我知道我的理解是否正确，即这个 CORS 配置原则上应该允许对所有引荐来源网址（站点）的请求

非常感谢您的关注。

Answer 1

您应该在 AWS 控制台端对 CORS 配置使用以下内容：

[
  {
    "AllowedHeaders": [
        "*"
    ],
    "AllowedMethods": [
        "GET"
    ],
    "AllowedOrigins": [
        "*"
    ]
  }
]

有关 AWS S3 CORS 配置的更多信息，请参阅https://docs.aws.amazon.com/AmazonS3/latest/userguide/ManageCorsUsing.html 。