javascript - 部署 react 应用程序

标签 javascript reactjs deployment cors

我想让我的应用程序投入生产,因此我创建了一个构建文件夹,当我按照 React deployment documentation 中的步骤操作时我正面临这个问题

Access to XMLHttpRequest at 'http://www.website.fr/api/login' from origin 'http://localhost:5000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

当我在开发中时,它工作得很好,API 也工作得很好。有关信息,我在 package.json 中制作了 API 的链接,例如

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

最佳答案

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

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

关于javascript - 部署 react 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58093975/

相关文章:

javascript - JS嵌套原型(prototype)访问父节点

javascript - 修复复选框元素中的切换所有行为

javascript - 使用 React 使 Web 应用程序完全适合屏幕

javascript - 如何在 JSX 的 setState 中使用变量

android - 如何部署我的 Android 项目以及如何在我的设备上进行测试

javascript - 广告脚本无效

javascript - 在一页上呈现两个 Mongo 查询的结果

reactjs - 是否有一种干净的方法来有条件地加载和渲染同一 React Router 路由的不同组件?

wcf - 服务器使用用户帐户的 WCF Kerberos 客户端模式

java - 如何将我的 Maven 项目部署为 jar 文件,该文件将使用 pom 文件获取其依赖项?