vue axios 同时调用两个接口地址

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=>{

})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容