vue-cli中的环境变量和模式

环境变量文件：

.env                # 在所有的环境中被载入
.env.local          # 在所有的环境中被载入，但会被 git 忽略
.env.[mode]         # 只在指定的模式中被载入
.env.[mode].local   # 只在指定的模式中被载入，但会被 git 忽略

【注意】
1）被载入的变量将会对 vue-cli-service 的所有命令、插件和依赖可用。
2）一个环境文件只包含环境变量的“键=值”对，如VUE_APP_TYPE=’prd’

模式：

• development 模式(开发模式)用于 vue-cli-service serve
• production 模式（生产模式）用于 vue-cli-service build 和 vue-cli-service test:e2e
• test 模式（测试模式）用于 vue-cli-service test:unit

【注意】
1）模式不同于NODE_ENV，一个模式可以包含多个环境变量

"dev": "cross-env VUE_APP_TYPE=dev VUE_APP_TITLE=passport vue-cli-service serve --open"

2）每个模式都会将 NODE_ENV 的值设置为模式的名称——比如在 development 模式下 NODE_ENV 的值会被设置为 "development"
3）可以通过为 .env 文件增加后缀来设置某个模式下特有的环境变量，如.env.development
4）只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中。你可以在应用的代码中这样访问它们：console.log(process.env.VUE_APP_SECRET)

特殊变量：

• NODE_ENV - 会是 "development"、"production" 或 "test" 中的一个。具体的值取决于应用运行的模式。
• BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径