简易版fetch API包hmfetch

关于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 中讨论~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容