部署React应用

时间:2019-09-25 08:10:24

标签: javascript reactjs deployment cors

我想在生产中使用我的应用程序,所以我创建了一个构建文件夹,当我按照React deployment documentation中的步骤进行操作时

  

从“ http://www.website.fr/api/login”访问XMLHttpRequest   原产地“ http://localhost:5000”已被CORS政策阻止:   对预检请求的响应未通过访问控制检查:否   请求中存在“ Access-Control-Allow-Origin”标头   资源。

在我从事开发时,它可以正常工作,API也可以正常工作。有关信息,我的API链接是在package.json中设置的,例如

"proxy": "http://www.website.fr"

2 个答案:

答案 0 :(得分:1)

这不是部署问题-部署应用程序时(我假设在http://www.website.fr),用户不会收到CORS错误,因为它不是跨域请求。

这是一个开发问题,对于开发过程的使用,可以通过在浏览器中禁用CORS检查来解决(Chrome的命令行参数,以及Firefox的CORS Everywhere插件,以及其他解决方案)。或者,您可以要求后端人员(临时)启用CORS,如果这是可行的解决方案。

答案 1 :(得分:0)

我认为您应该为后端应用安装cors lib