环境变量和模式
概述:
可以替换项目根目录中的下列文件来指定环境变量:
.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入,但会被 git 忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略
一个环境文件只包含环境变量的“键=值”对:
VUE_APP_API = http://10.10.10.3:20000/admin
模式:
默认情况下,一个 Vue CLI 项目有三个模式:
development 模式用于 vue-cli-service serve
production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e
test 模式用于 vue-cli-service test:unit
可以通过为 .env 文件增加后缀 来设置某个模式下的环境变量。比如,如果你在项目根目录创建一个名为 .env.gray 的文件,那么在这个文件里声明过的变量就只会在 gray 模式下被载入。
举例:
- 在根目录下创建.env.gray文件,来声明变量
- 首先在package.json的scripts中添加一种类型,并修改默认环境变量为gray环境变量
"gray":"vue-cli-service build --mode gray"
- npm run gray编译出来的环境变量便是gray模式的环境变量
参考链接:https://fairyever.com/d2-admin/doc/zh/sys-cli3-webpack.