Pegasus 是一个基于 Promise 的轻量级 HTTP 客户端,适用于浏览器和 Node.js。它提供了简单易懂的 API 接口,并且支持请求拦截、响应拦截、取消请求等功能,用起来非常方便。
安装
在使用 Pegasus 之前,需要通过 npm 进行安装:
npm install --save pegasus
基本用法
发送 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