esnet 是一个基于 Promise 的网络请求库，它可以在浏览器端和 Node.js 环境中使用，同时支持 TypeScript。在本文中，我们将介绍 esnet 的使用方法，包括安装、基本用法和高级用法。
安装
首先，我们需要使用 npm 安装 esnet：
npm install esnet
基本用法
esnet 提供了多种方式来发送网络请求，包括 GET、POST、PUT、DELETE 等。
发送 GET 请求
import { get } from 'esnet';
get('https://jsonplaceholder.typicode.com/posts/1').then((response) => {
console.log(response.data);
});在上面的代码中，我们通过 get 方法发送 GET 请求，并在 then 方法中处理返回的响应数据。response.data 包含了请求返回的数据。
发送 POST 请求
-- -------------------- ---- ------- ------ - ---- - ---- -------- -------------------------------------------------- - ------ ------ ----- ------ ------- - ------------------ -- - --------------------------- ---
在上面的代码中，我们通过 post 方法发送 POST 请求，并传递请求数据作为第二个参数。同样地，在 then 方法中处理返回的响应数据。
高级用法
esnet 还提供了更多高级用法，包括配置、拦截器、取消请求等。
配置
我们可以通过 create 方法创建一个 esnet 实例，并配置默认参数：
-- -------------------- ---- ------- ------ - ------ - ---- -------- ----- -------- - -------- -------- -------------------------------------- --- -- -- --- --------- ------- ---------------------------------------- -- - --------------------------- ---
在上面的代码中，我们使用 create 方法创建了一个 esnet 实例，并设置 baseURL 为 https://jsonplaceholder.typicode.com。在使用 instance.get('/posts/1') 发送 GET 请求时，实例会自动添加 baseURL 并发送请求。
拦截器
我们可以使用 interceptors 属性添加请求或响应拦截器：
-- -------------------- ---- ------- ------ - ------ - ---- -------- ----- -------- - --------- ------------------------------------------ -- - -- -------------- ------------------------- - --------- ------ ------- --- --------------------------------------------- -- - -- ------ ------------- - ---------------------------- ------ --------- --- ---------------------------------------------------------------------------- -- - --------------------------- -- ---------- ---
在上面的代码中，我们使用 interceptors.request.use 方法添加了一个请求拦截器，可以在请求发送之前添加一个请求头。同时，我们使用 interceptors.response.use 方法添加了一个响应拦截器，可以在接收到响应数据后处理它。在使用 instance.get('https://jsonplaceholder.typicode.com/posts/1') 发送请求时，请求会被请求拦截器修改，响应会被响应拦截器处理。
取消请求
我们可以使用 cancelToken 参数来取消请求：
-- -------------------- ---- -------
------ - ------- ----------- - ---- --------
----- -------- - ---------
----- ------ - ---------------------
--------
---------------------------------------------------- -
------------ ------------
--
---------------- -- -
---------------------------
--
-------------- -- -
-- -------------- --- --------- -
---------------------
-
---
-- ----
----------------------在上面的代码中，我们使用 CancelToken.source 方法创建了一个取消令牌，并将它传递给发送请求的参数中。在使用 source.cancel('请求取消') 取消请求时，请求会触发 catch 方法并返回一个错误对象，其中错误消息为 'Cancel'。
结论
本文介绍了 esnet 的基本用法和高级用法，包括安装、发送 GET 请求、发送 POST 请求、配置、拦截器和取消请求等。esnet 是一个实用的网络请求库，可以帮助我们更方便地发送网络请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005626c81e8991b448dfb64