next dev 环境变量_为Web Dev项目设置环境变量[如何使用]

next dev 环境变量

设置环境变量是Web开发人员的最佳实践。 但是，对于大多数人来说，这似乎很麻烦，因此很少有人应用它。 好吧，实际上并不那么困难，并且在大多数情况下是有必要的，让我在本文中向您展示。

注意：在本文中，我将只关注Javascript环境 ，稍后我可能会更新其他语言。

那么为什么有必要呢？

首先，这是出于安全原因。 显然，您不希望人们在我们的代码中看到我们的“ API密钥”或“加密板条”，对吗？

次要的，以获得更好的开发经验。 我们通常会为相关环境设置不同的数据库或服务器。 将这些地址放在代码中是一种选择，但是每次我们更改环境时都需要前后切换，这很痛苦。

好的，什么时候设置？

创建项目文件夹之后，即刻。

等等...我们可以在项目上线之前进行设置吗？ En…否。因为请记住，如果我们在项目中使用“ git”，则人们不仅可以看到我们的最终代码，还可以看到我们代码的整个历史。

好，那么我们该如何设置呢？

首先 ，在项目根文件夹中创建.env文件，并在其中放置至少一个变量以进行操作（当项目增长时，您始终可以添加更多变量）。 例如：

BASE_URL = http://localhost: 3000
NWE_VAR = 1234

注意：通常，将所有变量都设置为大写。

其次，启动项目，开始编写一些代码来测试环境变量。

像下面的例子：