在两个不同的主机上部署 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/something/something/ 等进行 API 调用。

两个应用程序都是独立的，具有单独的存储库，我想保持这种方式（我不想将两个应用程序合并到一个代码库中。）

我的问题：

在生产环境中配置 React 以使用生产 URL 的最佳方式是什么？

Answer 1

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