介绍
在前端开发中，我们经常需要通过网络请求获取数据。fetch-fetchy 是一个基于浏览器原生的 fetch API 封装的 npm 包，它简化了网络请求，并提供了便捷的操作方式，帮助我们快速开发、调试和测试。
安装
fetch-fetchy 可以通过 npm 安装，运行以下命令：
npm install fetch-fetchy
使用方法
fetch-fetchy 提供了两个方法，fetchy 和 getJson。
fetchy
fetchy 方法是一个高度定制化的网络请求，它可以实现以下功能：
- 支持多种 HTTP 方法：GET、POST、PUT、DELETE 等；
- 提供请求参数和响应数据的拦截器接口，方便在请求过程中插入处理逻辑；
- 自动序列化和反序列化请求体和响应数据；
- 用 Promise 封装，方便异步处理。
以下是 fetchy 方法的使用示例：
-- -------------------- ---- -------
------ - ------ - ---- --------------
--------------------------------- -
------- -------
-------- -
--------------- -------------------
--
----- -
----- ----------
------ ----
--
--
----------- -- -----------------
------------ -- -------------------getJson
getJson 方法是一个简化版的网络请求，它只支持 GET 方法，且只能请求 JSON 格式的数据，其他功能与 fetchy 方法相同。以下是它的使用示例：
import { getJson } from 'fetch-fetchy'
getJson('http://example.com/data')
.then((data) => console.log(data))
.catch((err) => console.error(err))请求和响应拦截器
通过请求和响应拦截器，我们可以在发送请求前、接收响应时插入自定义逻辑，如日志记录、请求缓存、请求重试等。
-- -------------------- ---- -------
------ - ------- ----------------------- - ---- --------------
----- ----------- - -------------------------
-------- -
----------------- -
-- -- --------- ------ ------- -- ----
----------------------- -------- --------- -------
------ ------
--
--------------------- -
----------------------- -------- ------- ------
------ ---------------------
--
--
--------- -
-------------------- -
-- -- --------- ---- -------- ----
----------------------- --------- ---------- ---------
------ --------
--
---------------------- -
----------------------- --------- ------- ------
------ ---------------------
--
--
--
--------------------------------- -
------- ------
-------- -
--------------- -------------------
--
----- -
----- ----------
------ ----
--
------------
--
----------- -- -----------------
------------ -- -------------------总结
fetch-fetchy 是一个基于 fetch API 封装的 npm 包，它简化了网络请求，并提供了便捷的操作方式。它提供了 fetchy 和 getJson 两个方法，支持请求和响应拦截器，方便插入自定义逻辑，让我们在开发、调试和测试中更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557f081e8991b448d5062
