简介
Fetcher 是一个帮助开发者更方便地发起网络请求的 npm 包。它提供了简单易用的 API 和许多可配置的选项，可以支持跨域请求和文件上传，并且能够自动检测和处理 JSON 数据。
本文将介绍 Fetcher 的基本用法和高级用法，并且提供一些示例代码来帮助读者更好地理解。
基本用法
要使用 Fetcher，首先需要安装它：
npm install fetcher --save
然后，在代码中引入它：
import fetch from 'fetcher';
使用 Fetcher 进行 GET 请求的方法如下：
fetch.get(url, options)
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});其中，url 是要请求的 URL 地址，options 是一个可选的对象，包含请求的配置信息，比如请求头、查询参数、超时时间等。如果请求成功，then 函数将接收到一个 Response 对象，可以从中获取响应数据；如果请求失败，catch 函数将接收到一个 Error 对象，可以从中获取错误信息。
同样地，使用 Fetcher 进行 POST 请求的方法如下：
fetch.post(url, data, options)
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});其中，data 是要发送的数据，可以是一个对象或者 FormData 对象。
高级用法
拦截器
Fetcher 支持拦截器，在请求发出之前或者响应被处理之后执行一些额外的操作。比如，可以使用拦截器在请求头中添加认证信息，或者在响应数据中进行格式化处理。
要添加一个拦截器，可以使用 fetch.interceptors 对象：
-- -------------------- ---- ------- ------------------------------------- -- - -- ------------ ------ ------- --- ---------------------------------------- -- - -- ------------- ------ --------- ---
其中，config 是一个包含请求配置信息的对象，response 是一个 Response 对象。
取消请求
如果在请求发送之后，需要取消这个请求，可以使用 Fetcher 提供的 cancel 方法：
-- -------------------- ---- ------- ----- - -------- ------ - - --------------- --------------------- -- - -- ------ -------------- -- - -- ---- --- -- ---- ---------
其中，promise 是一个 Promise 对象，表示请求的状态；cancel 是一个函数，调用它可以取消请求，如果请求已经完成或者已经被取消，它不会有任何效果。
示例代码
以下是一个基本的 Fetcher 示例：
-- -------------------- ---- -------
------ ----- ---- ----------
---------------------------------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- --------------
-
--
---------- -- -
------------------
--
------------ -- -
---------------------
---以下是一个带有拦截器的 Fetcher 示例：
-- -------------------- ---- -------
------ ----- ---- ----------
------------------------------------- -- -
------------------------------- - ------- - - ------
------ -------
---
---------------------------------------- -- -
----- ----------- - -------------------------------------
-- ------------ -- ----------------------------------------- -
------ ----------------
- ---- -
------ ----------------
-
---
---------------------------------------------------------
---------- -- -
------------------
--
------------ -- -
---------------------
---结论
Fetcher 是一个非常
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/53518