在前端开发过程中，经常需要与后端进行数据交互，使用 XMLHttpRequest 这个原生对象的方式虽然可行，但是比较麻烦，需要手动设置请求头、请求方式等信息，并且还需要手动解析响应数据。为了简化这个过程，我们可以使用 npm 上的 request-handler 包来进行请求操作。本文将详细介绍 request-handler 的安装和使用方法，为初学者提供参考和指导。
安装
在命令行中输入以下命令进行安装：
npm install request-handler
安装完成后，可以在项目目录下的 node_modules 文件夹中找到 request-handler。
使用
在使用 request-handler 进行请求前，需要先引入该包：
const RequestHandler = require('request-handler');发送 GET 请求
request-handler 提供了 getRequest 方法来发送 GET 请求。
const requestHandler = new RequestHandler('https://api.github.com');
requestHandler.getRequest('/users/github');以上代码表示向 https://api.github.com 发送 GET 请求，并请求其 /users/github 接口。这样就发送了一个 GET 请求，并将响应数据打印在命令行中。
发送 POST 请求
request-handler 提供了 postRequest 方法来发送 POST 请求。
const requestHandler = new RequestHandler('https://httpbin.org');
requestHandler.postRequest('/post', { name: 'John' });以上代码表示向 https://httpbin.org 发送 POST 请求，并请求其 /post 接口，同时传入参数 { name: 'John' }。这样就发送了一个 POST 请求，并将响应数据打印在命令行中。
发送 PUT 请求
request-handler 提供了 putRequest 方法来发送 PUT 请求。
const requestHandler = new RequestHandler('https://httpbin.org');
requestHandler.putRequest('/put', { name: 'John' });以上代码表示向 https://httpbin.org 发送 PUT 请求，并请求其 /put 接口，同时传入参数 { name: 'John' }。这样就发送了一个 PUT 请求，并将响应数据打印在命令行中。
发送 DELETE 请求
request-handler 提供了 deleteRequest 方法来发送 DELETE 请求。
const requestHandler = new RequestHandler('https://httpbin.org');
requestHandler.deleteRequest('/delete', { name: 'John' });以上代码表示向 https://httpbin.org 发送 DELETE 请求，并请求其 /delete 接口，同时传入参数 { name: 'John' }。这样就发送了一个 DELETE 请求，并将响应数据打印在命令行中。
发送自定义请求
如果需要发送自定义请求，可以使用 requestHandler 方法，该方法接收两个参数：请求选项对象和请求数据。
-- -------------------- ---- -------
----- -------------- - --- --------------------------------------
----- ------- - -
------- -------
---- --------
-------- -
--------------- ------------------
-
--
----- ---- - - ----- ------ --
-------------------------------------- ------以上代码表示向 https://httpbin.org 发送自定义请求，方法为 POST，请求路径为 /post，请求头为 Content-Type: application/json，同时传入参数 { name: 'John' }。这样就发送了一个自定义请求，并将响应数据打印在命令行中。
总结
request-handler 包提供了简单易用的接口来进行请求操作，可以帮助前端开发者将精力集中在逻辑处理上，而不需要手动设置请求头、请求方式等信息，同时也可以方便地解析响应数据。在实际项目开发中，使用 request-handler 可以提高开发效率，降低出错率，是一款十分实用的工具包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562ed81e8991b448e0a04