用axios实例封装进行网路请求数据

        axios框架就是为了请求网络数据，具体的语法如下：

import axios from 'axios'

export function request(config){
    const instance1 = axios.create({
        baseURL:'http://123.207.32.32:8000',
        timeout:5000
    })
    instance1.interceptors.request.use(config=>{
        // console.log(config);
        return config
    },err=>{
        console.log(err);
    })
    instance1.interceptors.response.use(res=>{
        // console.log(config);
        return res.data
    },err=>{
        console.log(err);
    })
    return instance1(config)
}

以上因为axios实例本身就是一个promise，所以不需要在用promise进行封装，直接返回axios的实例即可，以上还使用了拦截器interceptors，在使用了拦截器记得要返回数据回去，不然服务器接收不到网络请求的数据。

instance1.interceptors.request.use(config=>{
        // console.log(config);
        return config
    },err=>{
        console.log(err);
    })
    instance1.interceptors.response.use(res=>{
        // console.log(config);
        return res.data
    },err=>{
        console.log(err);
    })

如图则需要返回数据config。

而baseURL则是默认进行网络请求的服务器的域名。

标签：axios,封装,log,err,instance1,console,config,网路
来源： https://blog.csdn.net/xiangyizhixuexi/article/details/118369706