const service =axios.create({

baseURL:'/api',//北京接口

});

const service_new =axios.create({

baseURL:'/sdapi',//山东接口

});

export function get(url,params={}){

return new Promise((resolve,reject) => {

service.get(url,{

params:params

})

.then(response => {

resolve(response.data);

})

.catch(err => {

reject(err)

})

})

}

export function get_new(url,params={}){

return new Promise((resolve,reject) => {

service_new.get(url,{

params:params

})

.then(response => {

resolve(response.data);

})

.catch(err => {

reject(err)

})

})

}

+++++++++++++++++++++++++++

config.index.js 配置跨域

proxyTable: {

'/api': {

target:'https://xx.cn/app/api_v3/',// 你请求的第三方接口

    changeOrigin:true,// 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题

    pathRewrite:{// 路径重写，

      '^/api':''  // 替换target中的请求地址，也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。

    }

},

'/sdapi': {

target:'https://vv.cn/alliance/',// 你请求的第三方接口

    changeOrigin:true,// 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题

    pathRewrite:{// 路径重写，

      '^/sdapi':''  // 替换target中的请求地址，也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。

    }

}

},

++++++++++++++++++++++++++++++++++

main.js 配置

import {post,get,post_new,get_new}from './utils/http';

Vue.prototype.$post=post;

Vue.prototype.$get=get;

Vue.prototype.$post_new=post_new;

Vue.prototype.$get_new=get_new;

+++++++++++++++++++++++

使用时，在对应的xx.vue文件直接使用

this.$get('Index/banner',post_data).then((res) => {

}).catch(err=>{

})

this.$post_new('userInfo/getUserMemberLevel',post_data).then((res) => {

}).catch(err=>{

})

原文链接：https://www.jianshu.com/p/793603e9ba01