Vue-cli 环境变量

1.可以在项目根目录下创建不同环境变量文件

.env            #在所有的环境中被载入
.env.local		#在所有的环境中被载入,但会被.git忽略
.env[mode]		#在指定的模式下被载入  有三种模式  
			    1.development(该模式用于 vue-cli-service serve)；
				2.production(该模式用于模式用于 vue-cli-service build 和 vue-cli-service test:e2e)
				3.test(该模式用于 vue-cli-service test:unit)
							

可以通过.env文件增加后缀来设置某个模式下特有的环境变量

** VUE_APP_*是环境变量的格式 **

2.给.env文件添加内容

基本格式如下:

NODE_ENV=环境名称
VUE_APP
_URL=对应的环境地址

3. 在package.json中添加不同环境对应的执行语句

4.使用

你需要哪个环境，就执行哪个环境的命令语句。
比如我现在需要local环境，就执行 npm run local-serve 。如下图所示：

通过 process.env.NODE_ENV 获取环境名；通过 process.env.VUE_APP_URL 获取环境对应的url。