问题描述
在我的自定义Webpack中,Babel盯着React应用程序,我已经创建了捆绑文件。
从后端(节点),我正在发送带有脚本标签的HTML文件,该脚本文件的源标签引用了 frontend:3000 / front_bundle.js 。它非常适合自定义webpack babel应用程序。
但是,当我尝试从后端发送带有脚本标记的html文件,该脚本指向由react-scripts生成的捆绑文件时,使用 create-react-app 创建的React应用。
它说,CORS策略已阻止从原始地址http:// localhost:3000访问http:// localhost:2000 / bundle.js的脚本:不存在“ Access-control-Allow-Origin”标头在请求的资源
上我在节点中设置了标题,
app.use((req,res,next)=>{
res.header("Access-control-allow-origin","*")
next();
});
还尝试了app.use(cors());在节点上。
在前端public / index.html,我添加了crossorigin =“ anonymous”。在package.json中添加了一个代理,引用了http:// localhost:3000。还是同样的问题。
关于如何解决此问题的任何建议?