vue的 .env知识

基本设置

.env 无论开发环境还是生产环境都会加载的配置文件

.env.production 生产环境配置文件

.env.development 开发环境配置文件

配置文件的属性命名必须以VUE_APP_开头，并且命名保持大写，例如

VUE_APP_URL = 'your_name'

vue启动时会首先加载.env的配置，然后根据当前node的环境变量NODE_ENV来判断加载哪个配置文件，本地的默认NODE_ENV=’development‘，生产环境NODE_ENV=’production‘.

执行顺序

1. .env ⇒ .env.deveiopment
2. .env ⇒ .env.production

如果之后配置文件中的变量和之前的相同将覆盖变量内容

NODE_ENV如果在相应的.env中配置，同样也会生效

运行命令，例如

"scripts": {
	"serve": "vue-cli-service serve", //本地开发运行，会把process.env.NODE_ENV设置为'development'
	"build": "vue-cli-service build", //默认打包模式，会把process.env.NODE_ENV设置为'production'
	"dev":"vue-cli-service serve --mode development",  //自定义命令
	"prod":"vue-cli-service serve --mode production"
}

这里- - mode 后面的参数对应.env配置后缀