接口环境配置

前言

• 开发上线的不同阶段，需要不同的配置；
• 不同的跨域方式，配置不同；
• 打包的时候统一注入环境参数，统一管理环境，输出不同的版本包

在没有使用接口代理的情况下，可以为每种环境配置请求的baseURL：

配置

package.json

"scripts": {
  "serve": "vue-cli-service serve --mode=development",
  "build": "vue-cli-service build --mode=production",
  "test": "vue-cli-service serve --mode=test",
  "lint": "vue-cli-service lint"
},

env.js

let baseURL;
switch(process.env.NODE_ENV){
    case 'dev':
        baseURL='开发环境的请求url'
        break;
    case 'test':
        baseURL='测试环境的请求url'
        break;
    case 'prod':
        baseURL='生产环境的请求url'
        break;
    default:
        baseURL='默认请求url'
        break; 
}

main.js

import env from './env'
axios.defaults.baseURL= 'baseURL';