vue项目区分环境打包

###场景
在本地测试的时候，需要使用本地的接口地址，build打包后需要使用线上接口地址，每次都需要手动更改，非常麻烦，有时候还可能忘记更改，将本地的接口地址打包上线(非开发人员哈，开发才不会犯这样的错误)

###操作
#####1、在项目根目录创建两个文件
文件名为.env.test ; .env.prod 通过名称进行区分；

#####2、在文件中进行接口根路径配置

#线上的就更换名称和地址
NODE_ENV = "test"
VUE_APP_API_URL = "http://127.0.0.1:8000"

######3、在对应位置写入引用的变量

######4、在启动命令后增加参数

npm run serve 是本地启动，npm run build 是打包
当执行对应的命令时，查找到关键字mode 对应文件名，找到配置项目。
简单粗暴的完成了。