Javascript 前端配置变量的最佳实践

我正在尝试在AWS中部署Node.js+React.js web应用程序。例如，我已经用url定义了几个常量，它们在我的环境中有一个值，在AWS环境中有另一个值

为了在后端实现这一点，我将文件.env与模块“dot env”一起使用，并且我可以定义一个变量，这取决于它是用于开发环境还是用于生产环境

但是，我不知道如何对前端执行此操作，因为在我尝试在前端使用模块“dotenv”之后，但在编译过程中出现错误，因此我无法使用此模块在前端执行与后端相同的操作

---

那么，根据前端的环境定义变量的最佳方法是什么呢？

您是否分别部署前端和后端？如果是这样，您可以添加在构建过程中使用的环境变量（例如，

API\uurl）=http://foo.bar 纱线构建

）如果您使用的是

create react app

，那么在设置环境变量的格式方面会有一些细微差别：好的，我可以像在后端使用process.env.NAME\u变量一样进行设置。谢谢你@Nick！！！在您的代码中，它们可以被引用为

process.env.API\u URL

，其中最后一部分是您的环境变量。然后，在构建站点时，node会将您的env变量放在其中。如果您使用webpack、docker和nginx，您应该阅读此内容。