要点1:环境配置三个文件
文件名必须按照以上方式明明,不能乱起名,否则读取不到文件
.evn 全局默认配置文件,无论什么环境都会加载合并
.env.development 开发环境下的配置文件
.env.production 生产环境下的配置文件
注:创建一个.env.prod文件,使用npm run build时默认会加载.env.production配置文件,但是这里换了名字 .env.prod,就需要在package.json文件中进行配置,通过npm run build :prod即可在运行时,加载对应的配置文件
要点2:属性开头 VUE_APP_;文件放在根目录
Node_ENV用于指定当前环境是生产还是开发或者其他自定义环境,环境变量中的名字前置必须以VUE_APP开头,后边可以使用任意名字结尾,在代码中使用process.env即可访问到定义的环境变量
要点3:.env.xxx.local 修改全局环境变量
vue-cli-service serve --mode test
在scripts下配置一个脚本命令例如:vue-cli-service serve --mode (test),此脚本会运行,如果配置了.env(任何脚本都会运行此