vue如何根据不同的环境使用不同的接口地址

    "dev:test": "vue-cli-service serve --mode test",
    "build:test": "vue-cli-service build --mode test",
    "build:prod": "vue-cli-service build --mode prod",

let HOST = process.env.NODE_ENV|| 'prod';
let baseURL = "";
let appid = "";
if(HOST === 'prod'){  //正式服
  baseURL = "https://api.heebu.cn";
  appid = 'wx90ad292c1eb1105c';
}else if(HOST === 'test'){ // 测试
  baseURL = "https://testapi.heebu.cn";
  appid = 'wx9b070f1675720f2b';
}else{ // 本地
  baseURL = HOST;
  appid = 'wx9b070f1675720f2b';
}

export {
  baseURL,

  appid

}

import { baseURL,appid} from 'config.js'

.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略

VUE_APP_BASE_URL = 'http://development'

VUE_APP_BASE_URL = 'http://test'

VUE_APP_BASE_URL = 'http://production'

//例：
 npm run serve //执行此命令 则运行 .env.development文件
 npm run test//执行此命令 则运行 .env.test文件
 npm run production//执行此命令 则运行 .env.production文件

console.log(process.env.VUE_APP_BASE_URL)
//开发环境打印
http://development
//测试环境打印
http://test
//生产环境打印
http://production