axios的封装 和拦截器的使用

import axios from "axios";

//第一种方式
export function request(config,success,failure) {
    const instance = axios.create({
       baseURL:"http://123.207.32.32:8000" ,
        timeout:5000
    })
    instance(config)
        .then(res=>{
            // console.log(res)
            success(res)
        })
        .catch(err=>{
            // console.log(err)
            failure(err)
        })
}
//第二种方式
export function request(config) {
    return new Promise((resolve, reject) => {
        const instance = axios.create({
            baseURL:"http://123.207.32.32:8000" ,
            timeout:5000
        })
        instance(config)
            .then(res=>{
                resolve(res)
            })
            .then(err=>{
                reject(err)
            })
    })
}
//第三种方式
export function request(config,success,failure) {
    const instance = axios.create({
       baseURL:"http://123.207.32.32:8000" ,
        timeout:5000
    })
    return instance(config)
}
//最终方式
export function request(config,success,failure) {
    // 1,创建实例
    const instance = axios.create({
       baseURL:"http://123.207.32.32:8000" ,
        timeout:5000
    })
    //设置拦截器
    instance.interceptors.request.use(config=>{
        console.log(config)
        return config
    },error => {
        console.log(error)
    })
    axios.interceptors.response.use(config=>{

        console.log(config)
        return config
    },error => {
        console.log(error)
    })

return instance(config) }

import {request} from "./network/request";
// 相关模块使用
request({
  url:"/home/multidata"
}).then(res=>{
  console.log(res)
}).catch(err=>{
  console.log(err)
})