Reactjs 前端/基于环境的配置

为前端/reactjs客户端指定配置的好方法是什么？后端正在使用Spring引导，并且知道它所运行的环境

我希望前端根据当前环境（dev/uat/prod）有不同的设置。您会为此创建一个REST端点吗？或者最好的做法是什么

谢谢大家!

我习惯于为不同的环境处理不同的配置

其思想是在

.env

文件中定义所有这些配置，然后dotenv将创建您可以在构建管道中访问的环境变量，例如，您可以使用配置为该构建设置API端点，或者为第三方服务设置公钥

以下是定义

.env

文件的方式：

API_URL=http://test.api.somedomain.com/v1
FACEBOOK_ID=12345

这就是在构建应用程序时访问这些值的方式

const endpoint = process.env.API_URL;
const facebookId = process.env.FACEBOOK_ID;

---

同样，在使用webpack、gulp、grunt或任何其他构建工具构建应用程序时，您也可以这样做。

谢谢Crysfel，是的，我正在使用webpack构建应用程序。因此，无论我在后端使用什么，这都应该有效，对吗？正确，这与后端无关。我也使用webpack来构建我的应用程序，如果你需要webpack插件，只需将它导入你的webpack配置文件

import Dotenv from'Dotenv webpack'并将其添加到插件中
插件：[new Dotenv（），…这里有更多插件…]
是的，可以确认它工作正常。非常感谢。但如果我的构建只触发一次，但部署针对不同的环境，该怎么办。现在，Spring boot已经了解了环境，而我的React应用程序是构建并转储到target/classes/static中的。现在，react应用程序如何在部署期间访问不同的环境值。