简介
在前端开发中，经常需要进行 HTTP 请求，以获取数据或向服务器发送数据。concisehttp 是一个轻量级的 npm 包，提供了一个简单且易于使用的 API，帮助我们快速创建 HTTP 请求。它支持所有主流的 HTTP 方法和自定义请求头，还能够处理 HTTP 请求的多个阶段的回调函数。
本篇文章将介绍concisehttp 的安装及使用方法，从简单的 GET 请求到带参数和请求头的 GET 请求，再到 POST 请求，并提供示例代码，帮助你更好地了解这个npm 包。
安装
在使用 concisehttp 之前，需要确保你的项目中已经安装了 Node.js，然后可以使用 npm 包管理器来安装 concisehttp。在终端输入以下命令即可：
--- ------- -----------
安装成功后，导入模块，即可开始使用。
----- ----------- - -----------------------
GET 请求
一个 GET 请求可以向服务器请求数据，如下所示：
------------------------------------------------------------------------- -- -
------------------
------------ -- -
-----------------
---上述代码使用了concisehttp.get 方法向 https://jsonplaceholder.typicode.com/todos/1 发送了一个 GET 请求。在请求成功后，then 方法接收到响应数据并将其在控制台打印出来。如果出现错误，则可使用 catch 方法捕获错误并输出错误信息。
GET 请求带参数
一个查询字符串是通过在 URL 中添加参数来将数据传递到服务器的简单方式。concisehttp 使添加参数到 URL 中十分轻松，如下所示：
----- ------ - - ------- - --
----- ----------- - ----------------------------------
-------------------------------------------------------------------------------------- -- -
------------------
------------ -- -
-----------------
---这里我们使用了 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