简介
在前端开发中，经常需要进行 HTTP 请求，以获取数据或向服务器发送数据。concisehttp 是一个轻量级的 npm 包，提供了一个简单且易于使用的 API，帮助我们快速创建 HTTP 请求。它支持所有主流的 HTTP 方法和自定义请求头，还能够处理 HTTP 请求的多个阶段的回调函数。
本篇文章将介绍concisehttp 的安装及使用方法，从简单的 GET 请求到带参数和请求头的 GET 请求，再到 POST 请求，并提供示例代码，帮助你更好地了解这个npm 包。
安装
在使用 concisehttp 之前，需要确保你的项目中已经安装了 Node.js，然后可以使用 npm 包管理器来安装 concisehttp。在终端输入以下命令即可：
npm install concisehttp
安装成功后，导入模块，即可开始使用。
const concisehttp = require('concisehttp');GET 请求
一个 GET 请求可以向服务器请求数据，如下所示：
concisehttp.get('https://jsonplaceholder.typicode.com/todos/1').then(data => {
console.log(data);
}).catch(err => {
console.log(err);
});上述代码使用了concisehttp.get 方法向 https://jsonplaceholder.typicode.com/todos/1 发送了一个 GET 请求。在请求成功后，then 方法接收到响应数据并将其在控制台打印出来。如果出现错误，则可使用 catch 方法捕获错误并输出错误信息。
GET 请求带参数
一个查询字符串是通过在 URL 中添加参数来将数据传递到服务器的简单方式。concisehttp 使添加参数到 URL 中十分轻松，如下所示：
const params = { userId: 1 };
const queryString = encodeURI(JSON.stringify(params));
concisehttp.get(`https://jsonplaceholder.typicode.com/todos?${queryString}`).then(data => {
console.log(data);
}).catch(err => {
console.log(err);
});这里我们使用了 encodeURI 来对参数进行 JSON 格式化。然后通过模板字符串将参数添加到 URL 中。
GET 请求带请求头
在 HTTP 请求头中可以包含一些额外的信息，比如认证令牌和下载文件类型。concisehttp 中提供了一个对象来帮助你添加请求头。
-- -------------------- ---- -------
----- ------ - -
-------- -
--------------- ------------------
-
--
--------------------------------------------------------------- ----------------- -- -
------------------
------------ -- -
-----------------
---在上述代码当中，我们创建了一个含有 Content-Type 请求头的配置对象，并且将其作为一个可选参数带到了 concisehttp.get 请求中。
POST 请求
要发送 POST 请求与发送 GET 请求非常相似，除了你需要将请求方法更改为 POST，并且需要将数据作为请求体发送到服务器。
-- -------------------- ---- -------
----- ---- - -
------ ------
----- ------
------- -
--
----- ------ - -
-------- -
--------------- ------------------
-
--
-------------------------------------------------------------- ----- ----------------- -- -
------------------
------------ -- -
-----------------
---上述代码使用了 concisehttp.post 方法向 https://jsonplaceholder.typicode.com/posts 发送了一个包含数据的 POST 请求。该请求将数据对象传递到请求体中，并在请求成功后将响应数据打印到控制台。同样的，在这里我们也设置了请求头项。
总结
使用 concisehttp 包可以帮助我们更快速、简单地进行 HTTP 请求，不仅能够发送 GET 请求，还可以发送含请求头、带参数数据和 POST 请求等，助力于工作的扩展、优化和更好的协作。如有疑问或者想更深入学习，可以访问 concisehttp 的GitHub主页并阅读更多的文档。
参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566b281e8991b448e2f74