介绍
unfetch 是一个轻量级的、跨平台的 fetch 接口库，用于在浏览器和 Node.js 中发起 HTTP 请求。与原生的 fetch 接口相比，unfetch 更加易用和兼容。
安装
使用 npm 进行安装：
npm install unfetch --save
或者使用 yarn 进行安装：
yarn add unfetch
使用方式
发送 GET 请求
发送 GET 请求的方式与原生的 fetch 接口类似：
import unfetch from 'unfetch';
unfetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));这个例子中，我们向 https://jsonplaceholder.typicode.com/todos/1 发送了一个 GET 请求，并将响应数据解析为 JSON 格式后打印到控制台上。
发送 POST 请求
要发送 POST 请求，我们需要指定请求方法和请求体：
-- -------------------- ---- ------- ------ ------- ---- ---------- ----- -------------- - - ------- ------- -------- - --------------- ------------------ -- ----- ---------------- ------ ------ ----- ------ ------- - --- -- ----------------------------------------------------- --------------- -------------- -- ---------------- ---------- -- ------------------ ------------ -- ----------------------
这个例子中，我们向 https://jsonplaceholder.typicode.com/posts 发送了一个 POST 请求，并将请求体指定为 JSON 格式的字符串。
发送带有查询参数的请求
要发送带有查询参数的请求，我们可以使用 URLSearchParams 对象来构建查询字符串：
import unfetch from 'unfetch';
const queryParams = new URLSearchParams({ userId: 1 });
unfetch(`https://jsonplaceholder.typicode.com/todos?${queryParams}`)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));这个例子中，我们向 https://jsonplaceholder.typicode.com/todos 发送了一个带有查询参数 userId=1 的 GET 请求。
深度学习
在实际项目开发中，我们需要考虑更多的复杂情况，如错误处理、超时控制、取消请求等。下面是一些深入学习和理解 unfetch 库的资源：
指导意义
unfetch 是一个轻量级的 fetch 接口库，非常适合用于简单的 HTTP 请求场景。它提供了与原生的 fetch 接口相似的 API，同时具有更好的兼容性和易用性。在实际项目中，我们可以根据需求选择使用原生的 fetch 接口或者第三方的 fetch 接口库（如 unfetch）。
示例代码：GitHub
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50718