首页 > 解决方案 > 如何在 s3 aws 存储桶中正确配置 CORS

问题描述

我在 aws s3 存储桶上托管了一个 react js web 应用程序。我的服务器是托管在弹性 beanstalk 环境中的节点/快速服务器。我收到以下 CORS 错误:

...has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

我去了我的 s3 存储桶并将以下 json 配置放入 CORS 策略中:

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

我发现我需要在另一个 Stack Overflow 帖子的“AllowedMethods”中添加“HEAD”(它不在 AWS 文档中)。但是,我继续收到此错误。我究竟做错了什么?上面的 json 配置是我的问题,还是其他问题?如果这很重要,我的 React js 应用程序中的 fetch 请求正在请求我存储在 Route 53 中的托管区域记录(这是为了计算 ssl 证书),该记录路由到我的 EB url...react 应用程序没有直接从 EB url 本身获取。请帮助,我已经被这个错误困住了好几个小时,找不到可行的解决方案!!!

标签: javascriptreactjsamazon-web-servicesamazon-s3cors

解决方案


推荐阅读