简介
little-fetch 是一个精简、易用的 HTTP 请求库，它的 API 设计类似于浏览器的 fetch。和 fetch 相比，它的优点在于：更简单易用，支持 Promise 链式调用，更好的错误处理。在前端开发中，little-fetch 可以帮助我们实现与后端的数据交互，获取数据、提交数据等常见操作。
安装
使用 npm 安装 little-fetch：
--- ------- ------------
使用
假设我们需要从后端获取一个列表数据，下面是使用 little-fetch 的示例代码：
------ - --- - ---- ---------------
-----------------------------------
---------------- -- -
---------------------- -- ------
--
-------------- -- -
--------------------- -- ----
---API
get(url[, options]) => Promise
发起 GET 请求，返回 Promise 对象。参数说明：
url：请求地址，字符串类型；options：请求配置选项，可选参数，对象类型，包含以下属性：headers：请求头，对象类型；params：请求参数，对象类型；timeout：请求超时时间，单位毫秒，数字类型；responseType：响应类型，字符串类型，支持text、json、blob、arrayBuffer，默认为json。
post(url[, body, options]) => Promise
发起 POST 请求，返回 Promise 对象。参数说明：
url：请求地址，字符串类型；body：请求体，可选参数，对象类型；options：请求配置选项，可选参数，对象类型，包含以下属性：headers：请求头，对象类型；timeout：请求超时时间，单位毫秒，数字类型；responseType：响应类型，字符串类型，支持text、json、blob、arrayBuffer，默认为json。
put(url[, body, options]) => Promise
发起 PUT 请求，返回 Promise 对象。参数说明同 post 方法。
delete(url[, options]) => Promise
发起 DELETE 请求，返回 Promise 对象。参数说明同 get 方法。
request(method, url[, body, options]) => Promise
发起 HTTP 请求，返回 Promise 对象。参数说明：
method：请求方法，字符串类型，支持GET、POST、PUT、DELETE；url：请求地址，字符串类型；body：请求体，可选参数，对象类型；options：请求配置选项，可选参数，对象类型，包含以下属性：headers：请求头，对象类型；params：请求参数，对象类型；timeout：请求超时时间，单位毫秒，数字类型；responseType：响应类型，字符串类型，支持text、json、blob、arrayBuffer，默认为json。
示例
下面是一个带请求参数、自定义请求头、超时时间的 GET 请求示例：
------ - --- - ---- ---------------
----------------------------------- -
-------- - ---------- ------- --
------- - ----- -- ----- -- --
-------- -----
--
---------------- -- -
---------------------- -- ------
--
-------------- -- -
--------------------- -- ----
---总结
little-fetch 是一个优秀的 HTTP 请求库，它具备简单易用、Promise 链式调用、良好的错误处理等特点。在前端开发中，合理使用这个库可以帮助我们更高效地与后端进行数据交互。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562eb81e8991b448e09cb