Vue打包区分生产环境与测试环境

工作中使用同一个nginx根据域名后面跟着的路径不同区分生产环境和测试环境，由此学习如何正确打包

1.在.env.production同级目录新建文件.env.test，内容为：

 

 2.在package.json中新增build:test

3.vue.config.js中修改target的值为测试环境后端映射路径

4.vue.config.js中修改outputDir的值为test,表示

在npm run build 或 yarn build 时 ，生成文件的目录名称

5.命令行执行

npm run build:test --report

执行成功，上传服务器，从测试环境访问，成功连接测试环境后端。