在两个不同的主机上部署 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"。