简介
在前端开发中经常需要请求后端接口获取数据，而发起 HTTP 请求又是一个非常常见的操作。Node.js 中常用的 http 模块可以直接发起 HTTP 请求，但是它的使用方式显得比较繁琐。现在已经有了更加便捷的工具 —— object-fetch，它是一个基于 fetch API 封装的 HTTP 客户端库，提供了更加简单、易用的 HTTP 请求 API。
安装
object-fetch 是一个 NPM 包，可以通过 NPM 安装：
--- ------- ------------ ------
或者使用 Yarn 安装：
---- --- ------------
使用
首先在代码中引用 object-fetch：
----- ----- - ------------------------
或者：
------ ----- ---- ---------------
发起 GET 请求：
-----------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
------------------- -------
---发起 POST 请求：
------------------------------------------ - ----- ----- ----- ---- -- --
-------------- -- -
---------------------------
--
------------ -- -
------------------- -------
---发起 PUT 请求：
------------------------------------------- - ----- ----- ----- ---- -- --
-------------- -- -
---------------------------
--
------------ -- -
------------------- -------
---发起 PATCH 请求：
--------------------------------------------- - ----- ----- ----- ---- -- --
-------------- -- -
---------------------------
--
------------ -- -
------------------- -------
---发起 DELETE 请求：
----------------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
------------------- -------
---以上就是常见的 HTTP 请求方法，除此之外，object-fetch 还支持自定义请求头、请求参数格式等。
参数
object-fetch 的请求方法都接受两个参数，分别是 URL 和请求配置对象。
请求配置对象
请求配置对象有以下字段：
method：请求方法，默认为GET；headers：请求头；query：请求参数（GET 请求会将参数拼接到 URL 后面，其他请求会放在请求体中）；body：请求体；responseType：响应数据类型，默认为text；timeout：超时时间，单位为毫秒。
响应对象
object-fetch 的每个请求方法都会返回一个响应对象，它有以下字段：
config：请求配置对象；data：响应数据；headers：响应头；status：响应状态码；statusText：响应状态文本。
总结
object-fetch 是一个简单易用的 HTTP 客户端库，可以减轻开发者在前端开发中发起 HTTP 请求的繁琐程度。在开发中可以根据自己的需求，灵活地使用 object-fetch 的各种请求方法和请求参数，从而使前端开发变得更加高效、快捷。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f79238a385564ab698d