前端Vue2.6：根据test uat prod等不同环境，配置不同的打包命令和请求接口服务

通过vue-cli3.0 环境变量与模式， 各个环境切换的时候，就需要不同的配置参数，所以就可以用环境变量和模式，来方便我们管理。

vue:2.6
typescript:3.6.4
cli:3.0

Github示例

• 在package.json文件同目录下，新建".env.uat"文件；
  • NODE_ENV变量不变；修改变量：VUE_APPCURRENTMODE变量为run命令"uat"，如图所示:

• 在package.json 中"scripts"重新增命令uat:
  • "uat": "vue-cli-service build --mode uat"

• 此时执行npm run uat 进行打包，与执行 npm run build 一样，只不过mode模式换成了--mode uat;执行.env.uat文件的环境变量。
• 我们在项目上线的时候，往往需要进过test uat prod等不同的环境验证以后才最后发布上线；这时需要在不同的mode下，请求不同的后台服务，我们可以根据VUE_APPCURRENTMODE变量来判断当前环境，请求对应的服务；如图所示:

Github示例