详解Vue中AXIOS的封装

目录

• 单独建一个network文件
• axios拦截器
• 总结

单独建一个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);
}

总结

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