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

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如何实现一个页面调用多个bas”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。