77.Vue环境变量管理攻略：让你的配置文件更智能！

文章预览

Vue环境变量管理攻略：让你的配置文件更智能！ 在 Vue 项目中，我们通常使用广泛采用的 dotenv 模块，从环境目录中的以下文件加载构建配置： .env # 在所有情况下加载 .env.local # 在所有情况下加载，不被 git 追踪 .env.[mode] # 仅在指定模式下加载 .env.[mode].local # 仅在指定模式下加载，不被 git 追踪 每个文件的格式如下： VITE_SOME_KEY= 123 DB_PASSWORD=secret 所有带有 VITE_ 前缀的变量将自动在客户端应用中通过 import.meta.env 访问：
console.log(import.meta.env.VITE_SOME_KEY) // "123"
如果你使用的是 vue-cli ，前缀则为 VUE_ 。 应用程序的其他部分可以安全地使用 .dotenv 文件中的变量，而不使用 VITE_ 前缀，这样变量就不会泄露到客户端。 到目前为止，这很简单。在实际场景中，你会为每个环境设置多个配置文件。 ………………………………