什么是 fetch-extra ？
fetch-extra 是一个基于 fetch API 的 npm 包，它提供了一些额外的函数和参数，以方便前端开发者使用。
fetch-extra 的一些特性包括：
- 可以轻松地设置超时时间
- 可以轻松地取消请求
- 可以轻松地设置请求头
如何安装 fetch-extra ？
您可以使用 npm 包管理器来安装 fetch-extra：
npm install --save fetch-extra
如何使用 fetch-extra ？
使用 fetch-extra 要比使用原生 fetch 更加方便。以下是 fetch-extra 的用法：
-- -------------------- ---- -------
------ - ----------- - ---- --------------
----- ----- - -------------
-------- -
--------------- -------------------
---------------- ------- ----------
--
-------- -----
---
----- -------- - ----- ---------- ---------在上面的代码中，您可以使用 createFetch 函数创建一个 fetch 实例，然后使用该实例进行请求。 headers 参数和 timeout 参数是可选的，如果您不需要这些参数，则可以省略它们。
以下是 fetch-extra 可用的函数和参数：
函数
cancel()
用于取消未完成的请求。
const controller = new AbortController();
const { signal } = controller;
const response = await fetch(url, { signal });
// ...
controller.abort(); // 取消请求wrapTimeout()
用于设置超时时间。
const response = await fetch(url, { timeout: 5000 });参数
headers
用于设置请求头。
const response = await fetch(url, { headers: { Authorization: `Bearer ${token}` } });timeout
用于设置超时时间，单位为毫秒。
const response = await fetch(url, { timeout: 5000 });fetch-extra 示例代码
下面是一个使用 fetch-extra 的示例代码：
-- -------------------- ---- -------
------ - ----------- - ---- --------------
----- ----- - -------------
-------- -
--------------- -------------------
---------------- ------- ----------
--
-------- -----
---
----- ---------- - --- ------------------
----- - ------ - - -----------
----- -------- - ----- -------------------------------- - ------ ---
--- -
----- ---- - ----- ----------------
------------------
- ----- --- -
-----------------
- ------- -
-------------------
-结论
使用 fetch-extra 可以使前端开发者更加方便地使用 fetch API，它提供了一些有用的函数和参数，并且易于使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b4d51ab1864dac66831