基于前端/ ReactJs环境的配置

Question

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

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

谢谢！

Answer 1

我使用dotenv来处理不同环境的不同配置。

我们的想法是在.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或任何其他构建工具构建应用程序时，您将执行此操作。