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

Question

我正在尝试找出在production的其他主机上部署使用API​​的React应用的最佳实践是什么。

当前在DEV中，我有以下内容：

frontend-在Webpack服务器上运行的React应用：http://localhost:3000/

后端-API（django-rest）运行在：http://localhost:7000/

现在，我在package.json代理属性："proxy": "http://localhost:7000/",中定义API URL，并使用Axios对api/something/something/等进行API调用

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

我的问题：

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

Answer 1

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