美文网首页
简易版fetch API包hmfetch

简易版fetch API包hmfetch

作者: 小a草 | 来源:发表于2021-06-01 19:37 被阅读0次

    关于hmfetch包的使用


    hmfetch 是基于原生fetch API基础上实现的一款简易的http请求包,包括了响应数据类型配置,自定义headers,请求超时配置,和拦截器配置

    基本使用

    import Fetch from "hmfetch";
    
    Fetch.post(url,params).then((reslove)=>{
        console.log(reslove);
    },(reject)=>{
        console.log(reject);
    });
    

    超时配置(单位/毫秒)

    import Fetch from "hmfetch";
    Fetch.addConfig("timeout",5000);  // 5000 millisecond
    

    添加自定义Headers

    Fetch.addConfig("headers", {
        'Authorization': `XXXXX`
    })
    

    数据类型 (dataType)

    响应数据类型包括 "json"||"blob"||"text"||"arrayBuffer"||"formData" 默认 json

    import Fetch from "hmfetch";
    Fetch.addConfig("dataType", "text");
    

    拦截器配置 (interceptor)

    /** 请求拦截器 interceptorReq **/
    Fetch.interceptor.interceptorReq.use((req) => {
        return req;
    }, (reson) => {
        console.log(reson);
    })
    
    /** 响应拦截器 interceptorRes **/
    Fetch.interceptor.interceptorRes.use((res) => {
        console.log(res);
        return res;
    }, (reson) => {
        console.log(reson);
    })
    

    有关hmfetch的学习和参考


    1,hmfetch 源码

    2,fetch 相关内容

    最后


    欢迎在 hmfetch 源码 issue 中讨论~

    相关文章

      网友评论

          本文标题:简易版fetch API包hmfetch

          本文链接:https://www.haomeiwen.com/subject/hargsltx.html