vue根据不同的环境设置打包命令

在项目目录下新建文件.env.test和.env.official .env.test文件

NODE_ENV = 'production'
VUE_APP_TITLE = 'test'
VUE_APP_APP_HOST = 'development'

.env.official文件

NODE_ENV = 'production'
VUE_APP_TITLE = 'official'
VUE_APP_APP_HOST = 'production'

在package.json文件中设置不同的打包命令

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test": "vue-cli-service build --mode test",
    "official": "vue-cli-service build --mode official"
 },

最后在自己的配置文件中配置不同环境下的请求地址

let merchantApiUrl =  'http://192.168.0.228:8088'
switch (process.env.VUE_APP_APP_HOST){
  case 'development'://测试
    merchantApiUrl = 'merchant'
    break
  case 'production'://正式
    merchantApiUrl = 'merchant-api'
    break
}
export default {
  merchantApiUrl: merchantApiUrl,
}

最后根据许需求执行命令即可

### Compiles and minifies for production

npm run build

### 执行命令，测试环境

npm run test

### 执行命令，正式环境

npm run official