axios详解

1.axios发送并发请求

axios.all([axios({
    url : 'http://123.207.32.32:8000/home/multidata',
    params : {
        type : 'sell',
        page : 3
    }
}),axios({
    url : 'http://123.207.32.32:8000/home/multidata'
})]).then(axios.spread((res1,res2)=>{   
    console.log(res1);
    console.log(res2);
}))

//或者.then(res=>{
//    console.log(res[0]);
//    console.log(res[1]);
//})

2.请求方式与参数

get方式:params作为参数

post方式:data作为参数

3.封装axios

import axios from "axios";

export function instance1(config){
    const instance=axios.create({
        baseURL : 'http://123.207.32.32:8000',
        timeout : 5000
    })

    instance.interceptors.request.use(config=>{
        console.log(config);
        //show loading
        return config
    },err=>{
        console.log(err);
    })

    instance.interceptors.response.use(res=>{
        console.log(res,"response");
        //close loading
        return res.data
    },err=>{
        console.log(err);
        return err
    })

    return instance(config)
}

//调用
import { instance1 } from './network/request'

instance1({url : '/home/data'}).then(res=>{
    console.log(res);
}).catch(err=>{
    console.log(err);
})