Fatal编程技术网
  • node.js/
  • Node.js Reactjs:未为react捆绑文件指定访问控制允许原点

Node.js Reactjs:未为react捆绑文件指定访问控制允许原点

node.js reactjs cors

Node.js Reactjs:未为react捆绑文件指定访问控制允许原点,node.js,reactjs,cors,Node.js,Reactjs,Cors,在我的自定义网页包babel spawed React应用程序中，我创建了包文件 从后端（节点），我将发送一个带有脚本标记的HTML文件，源标记指向frontend:3000/front_bundle.js。它适用于定制的网页包babel应用程序 但是，当我试图从后端发送html文件时，使用创建React app创建React app，脚本标记指向React脚本生成的捆绑文件 上面说，在http://localhost:2000/bundle.js 起源http://localhost:3000

在我的自定义网页包babel spawed React应用程序中，我创建了包文件

从后端（节点），我将发送一个带有脚本标记的HTML文件，源标记指向frontend:3000/front_bundle.js。它适用于定制的网页包babel应用程序

但是，当我试图从后端发送html文件时，使用创建React app创建React app，脚本标记指向React脚本生成的捆绑文件

上面说，在http://localhost:2000/bundle.js 起源http://localhost:3000 已被CORS策略阻止：请求的资源上不存在“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. 还是一样的问题

有关于如何解决此问题的建议吗？

请尝试在您实例的文件
express
中使用
cors
库：

//从“cors”导入cors//ES6
var cors=要求（“cors”）；
var-app=express（）；
应用程序使用（cors（））；
并删除
res.header（“访问控制允许原点”，“*”）

不确定为什么这个问题得到负面评价。我使用了一个chrome插件在响应头中设置了“访问控制允许源代码”，它成功了。必须深入到react脚本中，在那里使用http创建服务器，在那里设置头，这样就可以很好地工作。