reactjs - 在两个不同的主机上部署 React + API 应用程序

Question

我试图弄清楚在生产环境中部署在不同主机上使用 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 的最佳方法是什么？

Answer 1

使用 process.env.NODE_ENV 找出当前环境并将正确的 url 分配给您的基本 url 常量。在开发中，您将获得 process.env.NODE_ENV 作为“开发”，在生产中，您将获得 process.env.NODE_ENV 作为“生产”。