了解 React JS 中的 .env 文件和环境变量

Question

我对 Web 开发世界比较陌生，现在我试图了解.envReact JS 中文件的用法。因此，我阅读了多篇文章并观看了一些解释视频。然而，他们中的大多数人关注的是如何使用它，而不是它实际上是什么。我是否正确理解使用环境变量的主要好处是：

1) 它们使应用程序的维护变得更加容易，因为它们都存储在一个文件中.env 2) 它们对用户不可见，并且不会显示和上传到 Git 存储库

它是否正确？还有什么我需要考虑的吗？

Answer 1

用法

环境（.env）变量用于存储敏感信息，或者顾名思义，以环境为中心的信息（实时、开发、调试等......）

.env文件也保存在内部.gitignore，因此它不会被推送到任何存储库。

跟踪变量

.env.example是一个不保存的文件.gitignore，但其他开发人员需要知道如何以及将什么内容放入他们的.env. 它看起来像这样：

.env.example:

REACT_APP_STRIPE_KEY=
MY_SECRET_KEY=
THIS=
FOO=
BAR=

基本上是一个空的例子.env。然后，它会被复制并填充文件中的真实值.env，该文件仅可供该计算机上的开发人员使用，并由脚本在本地读取，然后脚本知道以什么模式启动应用程序，连接到什么数据库，使用什么密码ETC。