简介
在前端开发中经常需要请求后端接口获取数据，而发起 HTTP 请求又是一个非常常见的操作。Node.js 中常用的 http 模块可以直接发起 HTTP 请求，但是它的使用方式显得比较繁琐。现在已经有了更加便捷的工具 —— object-fetch，它是一个基于 fetch API 封装的 HTTP 客户端库，提供了更加简单、易用的 HTTP 请求 API。
安装
object-fetch 是一个 NPM 包，可以通过 NPM 安装：
npm install object-fetch --save
或者使用 Yarn 安装：
yarn add object-fetch
使用
首先在代码中引用 object-fetch：
const fetch = require("object-fetch");或者：
import fetch from "object-fetch";
发起 GET 请求：
fetch.get("https://example.com/api/data")
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log("请求错误", error);
});发起 POST 请求：
fetch.post("https://example.com/api/data", { name: "John Doe", age: 30 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log("请求错误", error);
});发起 PUT 请求：
fetch.put("https://example.com/api/data/1", { name: "John Doe", age: 30 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log("请求错误", error);
});发起 PATCH 请求：
fetch.patch("https://example.com/api/data/1", { name: "John Doe", age: 30 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log("请求错误", error);
});发起 DELETE 请求：
fetch.delete("https://example.com/api/data/1")
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log("请求错误", error);
});以上就是常见的 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