vue-cli3 配置不同环境的请求地址

分dev环境、test环境、prod环境

1. 在根目录下，新建各个环境的文件。例如 .env.prod

NODE_ENV = 'production'
VUE_APP_ENV_ALIAS = 'prod'

2. 在package.json中设置打包命令

"scripts": {
    "serve": "vue-cli-service serve --host 0.0.0.0",
    "prod": "vue-cli-service build",
    "test": "vue-cli-service build --mode test",
    "build": "vue-cli-service build --mode prod"
  },

3. 设置不同环境的地址
   全局就可以使用process.env.VUE_APP_ENV_ALIAS

let urlParams = {
    baseUrl: ""
}
switch (process.env.VUE_APP_ENV_ALIAS) {
    case 'test':
        urlParams.baseUrl = window.location.origin + '/api' ;
        break
    case 'prod':
        urlParams.baseUrl = window.location.origin + '/api' ;   //生产环境url
        break
    default:
        urlParams.baseUrl = '/localApi';
}
export default urlParams;