vue跨域多个代理设置

在config index.js  module.exports 下面的dev里面配置多域名代理

proxyTable: {

'/api1': {

target: '域名1请求地址',

changeOrigin: true,

pathRewrite: {

'^/api1':'/'

}

},

'/api2': {

target: '域名2请求地址',

changeOrigin: true,

pathRewrite: {

'^/api2':'/'

}

}

},

 

在main.js里面加入axios配置

import Axios from 'axios' //导入axios

//将axios挂载到原型上

Vue.prototype.$axios = Axios;

 

在页面使用时

this.$axios.get("/api1/"+url).then(res => {

if(res.status==200){

console.log(res.data);

}

})