Pegasus 是一个基于 Promise 的轻量级 HTTP 客户端，适用于浏览器和 Node.js。它提供了简单易懂的 API 接口，并且支持请求拦截、响应拦截、取消请求等功能，用起来非常方便。
安装
在使用 Pegasus 之前，需要通过 npm 进行安装：
--- ------- ------ -------
基本用法
发送 GET 请求
----- ------- - -------------------
--------------------
-------------- -- -
---------------------------
--
------------ -- -
---------------------
---在上面的代码中，我们发送了一个 GET 请求到 /api/data 接口，然后通过 Promise 的方式获取响应结果并输出到控制台。
发送 POST 请求
----- ------- - ------------------- ------------------------- - ----- ----- ----- ---- -- -- -------------- -- - --------------------------- -- ------------ -- - --------------------- ---
在上面的代码中，我们发送了一个 POST 请求到 /api/data 接口，并传递了一个包含 name 和 age 字段的数据对象。同样地，我们通过 Promise 的方式获取响应结果并输出到控制台。
拦截请求和响应
Pegasus 允许我们在请求和响应过程中进行拦截，以便实现一些自定义的逻辑。例如，我们可以在请求头中添加一些通用信息，或者在响应结果中对数据进行加工处理。
----- ------- - ------------------- -- ------- --------------------------------------- -- - ------------------------------- - ------- - - ----------- ------ ------- --- -- ------- ------------------------------------------ -- - ------------- - ------------------------- ------ --------- --- -- ---- ------------------------ -------------- -- - --------------------------- -- ------------ -- - --------------------- ---
在上面的代码中，我们通过 interceptors 属性添加了请求和响应拦截器，并在其中实现了一些自定义逻辑。在请求拦截器中，我们添加了一个名为 Authorization 的请求头信息；在响应拦截器中，我们对返回的数据进行了一些加工处理。
取消请求
在某些场景下，我们可能需要取消正在进行的请求，例如当用户在输入框中输入关键词时，我们需要发送请求查询相关内容，但是如果用户连续输入多个关键词，就需要取消之前的请求。Pegasus 提供了 CancelToken 类来支持请求取消功能。
----- ------- - -------------------
----- - ----------- - - --------
-- ------
----- ------ - ---------------------
-- ----
------------------------ -
------------ ------------
--
-------------- -- -
---------------------------
--
------------ -- -
-- ------------------------- -
-------------------- ----------- ---------------
- ---- -
---------------------
-
---
-- ----
------------- -- -
----------------------- -- -------
-- ------在上面的代码中，我们首先创建了一个 CancelToken 实例，并将其作为参数传递给请求方法。然后通过调用 cancel 方法来取消请求，并在捕获异常时判断是否是由于请求被取消而导致的。
总结
Pegasus 是一个非常实用的 HTTP 客户端库，它提供了简单易懂的 API 接口，并支持请求拦截、响应拦截、取消请求等功能。在实际项目中，我们可以
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/35932