Vue .env 环境配置文件

默认模式

process.env.NODE_ENV默认值：

• vue-cli-service serve：默认是development模式。
• vue-cli-service test:unit：默认是test模式。
• vue-cli-service build和vue-cli-service test:e2e：默认是production模式。

显示指定模式

vue-cli-service build --mode development

.env 文件

先加载.env文件，再加载.env.local文件，再加载对应环境的配置文件（相同变量覆盖.env文件中的变量）。

.env.[mode]：[mode]为指定的模式，比如：development、production。

.env.[mode].local：指定模式的本地配置文件，.local结尾的都会被git忽略提交。

• .env：全局配置文件，任何环境都加载。
• .env.local：本地全局配置文件，会被git忽略。
• .env.development：开发环境下的配置文件。
• .env.production：生产环境下的配置文件。

环境变量

.env中只允许三种类型的变量。

• NODE_ENV
• BASE_URL
• 以VUE_APP_开头的变量

示例

.env

全局配置文件

NODE_ENV=production
BASE_URL=http://google.com
VUE_APP_MY_SECRET=My Secret
VUE_APP_MY_CODE=My Code

.env.development

开发环境配置文件，对于没有指定的VUE_APP_MY_CODE变量，将沿用全局配置文件中的配置。

NODE_ENV=development
BASE_URL=http://baidu.com
VUE_APP_MY_SECRET=My Secret Development

参考

https://cli.vuejs.org/zh/guide/mode-and-env.html