从无服务器框架部署访问 S3 中的文件时发生 CORS 错误

Question

我有一个基于模板的项目，使用无服务器框架来部署从 S3 存储桶提供的 React 应用程序。 无服务器部署工作正常，创建 CloudFormation 堆栈，创建 S3 存储桶来分发文件，但是当我加载应用程序时，它会抛出 CORS 错误，即使一切似乎都很好。

错误如下： 记下请求 URL 和 Referer 值。

以下是请求 URL 中存储桶（由无服务器框架创建）的 CORS 定义：

允许的来源与请求中的引用值匹配。

不确定接下来应该检查什么。 该存储桶上的“阻止公共访问”被禁用，ACL 也是如此。

Answer 1

似乎是 ACL 的问题 - 打开它们，现在一切都在加载。 只需单击“编辑存储桶所有权”并在那里启用即可：