reactjs 微前端存储库中的CORS问题

gr8qqesn  于 2023-04-05  发布在  React
关注(0)|答案(2)|浏览(117)

背景:我在一个monorepo工作,我已经使用NX设置架构.我一直在尝试构建微型前端应用程序,我已经设法这样做使用模块联邦本地环境.为此,我必须启动我的应用程序都在本地.所以主机应用程序运行在http://localhost:4200/可以加载我的远程应用程序运行在http://localhost:4201/
Question现在我想加载我的远程应用程序,而不是本地主机(它托管在S3存储桶上作为静态Web),但我得到了CORS问题,即使我已经在S3存储桶上定义了允许跨源的规则。

任何帮助都将不胜感激。
下面附上我的错误截图:

我已经定义了CORS策略如下代码段:

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "http://localhost:4200/"
        ],
        "ExposeHeaders": []
    }
]
nszi6y05

nszi6y051#

http://localhost:4200/是一个通用的url。无论谁运行都将具有相同的url。因此,将localhost替换为您的ip地址。类似于http://XXX.XX.XX.XX:4200/

**选项2:**使用chrome插件克服CORS问题,启用后不会出现CORS错误https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en

p4tfgftt

p4tfgftt2#

在花了很多时间之后,我发现我到remoteEntry.js的路径不正确。谢谢

相关问题