reactjs - 在两个不同的主机上部署 React + API 应用程序
问题描述
我试图弄清楚在生产环境中部署在不同主机上使用 API 的 React 应用程序的最佳实践是什么。
目前在 DEV 我有以下内容:
前端- 在 webpack 服务器上运行的 React 应用程序:http://localhost:3000/
后端- API (django-rest) 运行在:http://localhost:7000/
现在我在package.json
代理属性中定义 API url:"proxy": "http://localhost:7000/",
并使用 Axios 进行 API 调用api/something/something/
等。
这两个应用程序都是独立的,具有单独的存储库,我想保持这种方式(我不想将两个应用程序合并到一个代码库中。)
我的问题:
在生产中配置 React 以使用生产 URL 的最佳方法是什么?
解决方案
使用 process.env.NODE_ENV 找出当前环境并将正确的 url 分配给您的基本 url 常量。在开发中,您将获得 process.env.NODE_ENV 作为“开发”,在生产中,您将获得 process.env.NODE_ENV 作为“生产”。
推荐阅读
- android - Talkback 不会读取 ViewPager 中的所有片段,只读取第一个
- r - 如何从r中的ggplot中提取密度值
- excel - VBA:为什么打开随机语句失败?
- javascript - 如果它们包含完成,我是否需要在 try/catch 中包装 jest 测试
- flutter - 在下一页调用 Navigator.of().pop() 时重新加载上一页
- reactjs - onMouseMove + useState 在自定义轮播上滞后
- node.js - Res.send() 返回空数组
- xml - 如何修复 xml 模式文件中的命名空间错误
- rabbitmq - 无法在 RabbitMQ 中接收消息并且 UI 显示空队列
- java - Selenium 无法在字段集标记内的表单中输入元素