Vue中AXIOS的封装

时间:2022-05-23 董姐最美人气:0

单独建一个network文件

建立一个network.js

创建

import axios from 'axios';
export function request1(config)
{
    const instance = axios.create({
        baseURL: baseURL.url1,
        timeout: 5000
    })
    return instance(config)
}
export function request2(config){
    const instance = axios.create({
        baseURL: baseURL.url2,
        timeout: 5000
    })
    return instance(config)
}

使用

request1.get({
   url: 'http://'
}).then(
    res=>{
    }
);
request1.post({
    url: 'http://',
    data: {
    }
}).then(
    res=>{
    }
);

axios拦截器

请求拦截器

export function request1(config)
{
    const instance = axios.create({
        baseURL: baseURL.url1,
        timeout: 5000
    })
    instance.intercept.request.use(config=>{
        console.log(config);  //输出的是配置的对象
        return config
    },error => {
    })
    return instance(config);
}

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注的更多内容!

加载全部内容