ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-06-30 21:30:06  阅读:219  来源: 互联网

标签:axios 封装 log err instance1 console config 网路


        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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有