用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则是默认进行网络请求的服务器的域名。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值