配置 |接口环境

前言

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

在没有使用接口代理的情况下,可以为每种环境配置请求的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';
posted @ 2020-09-04 20:14  sanhuamao  阅读(153)  评论(0编辑  收藏  举报