欢迎来到CMS的世界,我们开始吧!
您当前的位置:首页 > vuejs

axios.defaults.baseURL如何实现一个页面调用多个baseURL接口

2021-01-08    来源:CMS代码    浏览次数:

下面 CMS代码网为大家介绍一下axios.defaults.baseURL如何实现一个页面调用多个baseURL接口

1、默认axios不变
axios.defaults.baseURL = 'http://www.ipkd.cn'; //填写域名

2、创建一个新的变量代替axios
const loginApi = axios.create({
    baseURL: 'http://www.baidu.com',
});

3、把所有用的方法都用loginApi改一遍
loginApi.interceptors.request.use(config => {
    config.headers["Content-Type"] = 'application/x-www-form-urlencoded'
})

//响应拦截器即异常处理
loginApi.interceptors.response.use(response => {
    return response
   //请求失败
}, err => {
     Message({
        type: "error",
        message: err.response.data.Message
    });
    return Promise.resolve(err.response)
})

//封装get/post等方法也需要修改
export function get(url, params = {}) {

}

//其它的调用就不说了

上面是关于“axios.defaults.baseURL如何实现一个页面调用多个baseURL接口”的详细介绍,想了解更多关于vuejs内容,请继续关注 CMS代码网!

下一篇:返回列表

最新文章

回到顶部