简介
request-client 是一个 npm 包，它提供了一种简单的方式来发送 HTTP 请求，特别适合在前端应用中使用。它可以发送 GET、POST、PUT、DELETE、HEAD 请求等，并支持设置请求头、设置超时时间、设置返回数据类型等功能。
安装
你可以使用 npm 来安装 request-client：
npm install request-client
使用方法
使用 request-client 发送请求非常简单。在项目中引入 request-client：
import RequestClient from 'request-client';
然后创建一个 RequestClient 实例：
const client = new RequestClient();
接着，你就可以使用这个实例来发送请求了。这里以发送 GET 请求为例：
client.get('https://jsonplaceholder.typicode.com/posts', { id: 1 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});在这个例子中，我们发送了一个 GET 请求到 https://jsonplaceholder.typicode.com/posts，并传递了一个参数 id=1。如果请求成功，就会打印返回结果中的 data 属性；如果请求失败，就会打印错误信息。
发送 POST 请求
发送 POST 请求的方法与发送 GET 请求类似，只需要使用 post 方法，并传递相应的参数即可：
client.post('https://jsonplaceholder.typicode.com/posts', { title: 'foo', body: 'bar', userId: 1 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});在这个例子中，我们发送了一个 POST 请求到 https://jsonplaceholder.typicode.com/posts，并传递了一个 JSON 参数。
设置请求头
你可以使用 headers 选项来设置请求头：
-- -------------------- ---- -------
-------------------------------------------------------- - --- - -- -
-------- -
---------------- ------- ---------
--------------- ------------------
-
--
-------------- -- -
---------------------------
--
------------ -- -
---------------------
---在这个例子中，我们设置了 Authorization 和 Content-Type 两个请求头。
设置超时时间
你可以使用 timeout 选项来设置请求超时时间，单位是毫秒：
-- -------------------- ---- -------
-------------------------------------------------------- - --- - -- -
-------- ----
--
-------------- -- -
---------------------------
--
------------ -- -
---------------------
---在这个例子中，我们设置了请求超时时间为 5 秒钟。
设置返回数据类型
你可以使用 responseType 选项来设置返回数据类型。支持 'arraybuffer'、'blob'、'document'、'json'、'text' 这几种类型，默认为 'json'：
-- -------------------- ---- -------
-------------------------------------------------------- - --- - -- -
------------- ------
--
-------------- -- -
---------------------------
--
------------ -- -
---------------------
---在这个例子中，我们设置了返回数据类型为 text。
结语
request-client 是一个非常简单易用的 npm 包，提供了一种方便的方式来发送 HTTP 请求。希望这篇文章能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eaf81e8991b448dc3c8