当前位置: 主页 > vuejs >

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

2021-09-14  |  来源:前端入门建站教程  |  栏目:vuejs

下面前端入门建站教程为大家介绍一下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 文章,请继续关注前端入门建站教程。

当前网址:https://ipkd.cn/vuejs/24.html

最新文章

猜你喜欢