前言
在前端开发中，我们经常会需要和后端服务进行交互，而 Http 通信是前后端交互的重要手段。http请求包含 url、请求头、请求体和响应数据等信息，如何在前端项目中高效处理这些信息并实现请求，就显得尤为重要。在 npm 上有很多优秀的 Http 请求库，今天我们要介绍的是 httperest 这个 npm 包。
httperest 简介
httperest 是一个轻量级的 Http 请求库，它提供了在前端进行 Http 请求的主要方法，可以快速生成 GET, POST, PUT, DELETE 等请求并进行简单配置。
httperest 请求库相比于其他常用的 Http 请求库，比如 axios，superagent 等，其最大的优势在于它的轻量，可以更快的进行打包，同时也更加容易使用，降低了上手难度。在数据方面，httperest 可以支持普通字符数据、JSON数据、二进制数据等格式，还可以支持 FormData 格式的数据等。
下面，我们来详细了解一下 httperest 如何进行 Http 请求。
httperest 安装
使用 htttprest，需要先进行安装，我们可以使用 npm 来进行安装，打开终端，并输入以下命令：
npm install httperest --save
httperest 使用
安装完 httperest 之后，我们就可以使用它生成 Http 请求了。
GET 请求
使用 httperest 发送 GET 请求，可以通过以下代码：
import httperest from 'httperest'
httperest.get(url, params, headers).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})其中，url 表示请求的地址，params 表示请求的参数，headers 表示请求的头信息。然后将请求结果输出到控制台。在使用 get 请求的时候，我们需要注意一点，params 应该以对象的形式传入，例如：
-- -------------------- ---- ------- ------------------------------ - --- -- ----- ----------- ---- --- -- - --------------- ------------------ ---------------- -- - --------------------- -------------- -- - ------------------ --
POST 请求
使用 httperest 发送 POST 请求，我们可以通过以下代码：
httperest.post(url, data, headers).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})其中，url 表示请求的地址，data 表示请求的数据体，headers 表示请求的头信息。在使用 post 请求的时候，我们需要注意一点，data 应该以对象的形式传入，例如：
-- -------------------- ---- ------- --------------------------- - ----- ----------- ---- --- ------ ----------------- -- - --------------- ------------------ ---------------- -- - --------------------- -------------- -- - ------------------ --
PUT 请求
使用 httperest 发送 PUT 请求，我们可以通过以下代码：
httperest.put(url, data, headers).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})其中，url 表示请求的地址，data 表示请求的数据体，headers 表示请求的头信息。在使用 put 请求的时候，我们需要注意一点，data 应该以对象的形式传入，例如：
-- -------------------- ---- ------- ---------------------------- - ----- ----------- ---- --- ------ ----------------- -- - --------------- ------------------ ---------------- -- - --------------------- -------------- -- - ------------------ --
DELETE 请求
使用 httperest 发送 DELETE 请求，我们可以通过以下代码：
httperest.del(url, data, headers).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})其中，url 表示请求的地址，data 表示请求的数据体，headers 表示请求的头信息。在使用 delete 请求的时候，我们需要注意一点，data 应该以对象的形式传入，例如：
-- -------------------- ---- ------- ---------------------------- --- - --------------- ------------------ -- -------------- -- - --------------------- -- ------------ -- - ------------------ --
结语
通过上面的例子，我们了解了 httperest 的基本使用方法，如果你想在项目中快速地搭建 Http 请求并发送请求，那么 httperest 绝对是一个不错的选择。同时，通过学习 httperest 的源代码，我们也可以清晰地了解一个简单的 http 请求库的设计思路，对于重构类项目以及轻量级的前端项目也会有所借鉴意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600567f381e8991b448e41a8