AWS S3 文件 CORS 问题 [关闭]答案

【问题标题】：AWS S3 files CORS issue [closed]AWS S3 文件 CORS 问题 [关闭]
【发布时间】：2021-12-01 13:52:00
【问题描述】：

我想在加载精灵时在 kaboomJs 代码中使用我的 s3 存储桶中的资产：

loadSprite("bg", "https://cubie.s3.ap-southeast-1.amazonaws.com/bird.png");

但我收到此错误：

CORS 政策已阻止从源“https://example.io”访问“https://cubie.s3.ap-southeast-1.amazonaws.com/bird.png”上的图像: 请求的资源上不存在“Access-Control-Allow-Origin”标头。

这是我的 S3 存储桶 CORS 配置：

谁能帮我解决这个问题？

【问题讨论】：

您可以尝试在AllowedMethods 中添加"HEAD" 吗？
@juanfontes 我试过了，没用。
我已经使用 kaboomjs 运行了一个演示，该演示使用我拥有的存储桶，其配置与您的配置相同，并且运行良好。我骑过自行车：imgur.com/a/THLRJ0T - 你是通过npm 运行你的应用程序吗？因为如果您只是在浏览器中打开文件，chrome 无法处理 CORS 的事情。 - 您的存储桶也可以公开访问吗？
谢谢，@juanfontes。我发现了问题，这与我的 s3 设置和策略有关。我发布了解决方案。
很高兴你解决了它！

【解决方案1】：

我发现了问题，这与我的 S3 设置和策略有关。我将 Resource 从 arn:aws:s3:::example 更改为 arn:aws:s3:::example/*

【讨论】：