在两个不同的主机上部署 React + API 应用程序
Deploying React + API apps on two different hosts
我试图找出在 production.[=16] 中的不同主机上部署使用 API 的 React 应用程序的最佳实践是什么=]
目前在 DEV 中我有以下内容:
前端 - webpack 服务器上的 React 应用程序 运行:http://localhost:3000/
后端 - API (django-rest) 运行 on: http://localhost:7000/
现在我在 package.json
代理属性中定义 API url:"proxy": "http://localhost:7000/",
并且我使用 Axios 对 [=15= 进行 API 调用]等
这两个应用程序都是独立的,具有单独的存储库,我想保持这种状态(我不想将两个应用程序合并到一个代码库中。)
我的问题:
在生产中配置 React 以使用生产的最佳方式是什么URL?
使用 process.env.NODE_ENV 找出当前环境并将正确的 url 分配给您的基础 url 常量。
在开发中,您将获得 process.env.NODE_ENV 作为 "development",在生产中,您将获得 process.env.NODE_ENV 作为 "production"。
我试图找出在 production.[=16] 中的不同主机上部署使用 API 的 React 应用程序的最佳实践是什么=]
目前在 DEV 中我有以下内容:
前端 - webpack 服务器上的 React 应用程序 运行:http://localhost:3000/
后端 - API (django-rest) 运行 on: http://localhost:7000/
现在我在 package.json
代理属性中定义 API url:"proxy": "http://localhost:7000/",
并且我使用 Axios 对 [=15= 进行 API 调用]等
这两个应用程序都是独立的,具有单独的存储库,我想保持这种状态(我不想将两个应用程序合并到一个代码库中。)
我的问题:
在生产中配置 React 以使用生产的最佳方式是什么URL?
使用 process.env.NODE_ENV 找出当前环境并将正确的 url 分配给您的基础 url 常量。 在开发中,您将获得 process.env.NODE_ENV 作为 "development",在生产中,您将获得 process.env.NODE_ENV 作为 "production"。