简介
Node-wretch 是一个基于 fetch 封装的轻量级前端 HTTP 客户端，它提供了链式调用、拦截器、超时和错误处理等功能，使得我们可以更加便利地发起 HTTP 请求并处理响应。
在本文中，我们将探讨如何安装、配置、使用 Node-wretch，让读者对这个 npm 包有一个全面又深入的理解。
安装
Node-wretch 可以通过 npm 安装：
npm install node-wretch
或者通过 yarn：
yarn add node-wretch
使用
下面是一个简单的使用示例：
import wretch from 'node-wretch';
wretch('https://jsonplaceholder.typicode.com/todos/1')
.get()
.json(json => console.log(json));这个例子通过传入一个 URL 创建了 Node-wretch 实例，并执行 get 请求，随后将响应解析为 JSON 文件并输出到控制台。
Node-wretch 支持的方法有：get、post、put、delete、head、options、patch，可以通过方法名调用对应的 HTTP 请求。
当然，在使用 Node-wretch 时也可以设置请求的配置：
wretch('https://jsonplaceholder.typicode.com/todos/1')
.headers({ Authorization: `Bearer ${token}` })
.query('foo=bar')
.timeout(5000)
.get()
.json(json => console.log(json));这个例子通过设置请求头、查询参数以及超时时间等配置来发送 get 请求，随后将响应解析为 JSON 文件并输出到控制台。
拦截器
拦截器是 Node-wretch 的一项强大功能，它在发起请求之前、响应到达之前或者处理错误时发挥作用。用户可以自定义拦截器来处理请求头、响应状态码和错误信息等。
下面是一个例子：
-- -------------------- ---- -------
------------------------------------------------------
---------- -------------- ------- --------- --
--------------
-------- ----- --- -------- -- -
--------------------- ---------
------ --------
--
--------- ----- --- --------- -- -
-------------------- ----------
------ ---------
--
-------- ----- --- ------ -- -
----------------------- -------
----- ------
--
--
------
---------- -- -------------------这个例子通过定义了三个拦截器来处理请求头、响应状态码和错误信息。在发起请求之前，控制台将输出一条请求信息，响应到达之前，将输出响应信息，而当请求发生错误时，则会将错误打印到控制台。
Promise 和 async/await
Node-wretch 的请求方法返回的是 Promise 对象，开发者可以根据业务逻辑选择使用 Promise 还是 async/await。
下面是一个使用 async/await 的例子：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- ---- - ----- ------------------------------------------------------
------
--------
------------------
- ----- ------- -
---------------------
-
-
------------这个例子通过 async/await 异步处理 HTTP 请求，请求成功后将响应解析为 JSON 格式并输出到控制台。在出现错误时，则将错误信息输出到控制台。
总结
Node-wretch 是一个简单而又实用的 npm 包，它封装了 fetch 方法并提供拦截器、超时和错误处理等功能，使得 HTTP 请求更加方便易用。在实际工作中，我们可以根据实际业务需求来使用它，并借助拦截器来自定义请求头、处理响应状态码以及错误信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056b1281e8991b448e536f