介绍
wtfetch 是一款前端 HTTP 请求库，支持 Promise API，适用于浏览器和 Node.js 环境。它基于 fetch 并做了一些优化，使请求更加简洁易用，同时在浏览器中具有更好的兼容性。
安装
通过 npm 直接安装 wtfetch：
npm install wtfetch
使用
使用 wtfetch 非常简单，只需要调用 fetch 函数并传递所需的参数即可。
import fetch from 'wtfetch';
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(res => res.json())
.then(data => console.log(data));wtfetch 默认使用 HTTP GET 方法，可以通过传递配置对象来指定其他 HTTP 方法以及其他请求参数。
-- -------------------- ---- -------
------ ----- ---- ----------
--------------------------------------------------- -
------- -------
-------- -
--------------- -------------------
--
----- ----------------
------ ------
---------- ------
------- --
---
--
--------- -- -----------
---------- -- -------------------配置
method
HTTP 请求方法，默认为 GET。
headers
HTTP 请求头对象。
body
请求体，可以是字符串、Buffer、Blob 或 FormData 对象。
timeout
请求超时时间，单位为毫秒，默认为无限大。
responseType
响应类型，可以是 text、json、blob 或 arrayBuffer，默认为 text。
拦截器
wtfetch 的请求拦截器和响应拦截器类似于 Axios。
-- -------------------- ---- -------
------ ----- ---- ----------
-------------------------------
------ -- -
-- -----
---------------------------- - ------- -------
------ -------
--
----- -- -
------ ----------------------
-
--
--------------------------------
-------- -- -
-- ------
------ ---------
--
----- -- -
------ ----------------------
-
--
-----------------------------------------------------
--------- -- -----------
---------- -- -------------------异常处理
wtfetch 在请求过程中可能会出现网络错误、请求超时等异常，可以通过捕获异常进行处理。
import fetch from 'wtfetch';
fetch('https://invalid.url')
.then(res => res.json())
.then(data => console.log(data))
.catch(error => console.error(error));结论
wtfetch 是一款简洁易用的 HTTP 请求库，可以方便地进行基本的请求操作，并支持拦截器、异常处理等高级功能。它对于任何前端应用程序都是一个有用的工具，让开发者可以更加轻松地进行网络请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671198dd3466f61ffe7a5