前言
在 Web 开发中，http 请求不可避免，而使用 XMLHttpRequest 或 fetch 等原生 API 一方面略显繁琐，另一方面也不太方便统一处理请求的拦截、异常等。request 是一个非常流行的第三方库，而 revuest 则是其 Promise 化的版本，在使用上更加简洁方便。本文将介绍 revuest 包的基本使用方法。
安装
revuest 可以在 npm 上下载安装：
npm install revuest
基本使用
使用 revuest，我们可以将请求和响应处理封装为 Promise：
-- -------------------- ---- -------
------ ------- ---- ----------
----- -------- --------- -
----- -------- - ----- ---------
---- ------------
---
----------------------
-
----------revuest 的参数和 request 的 API 几乎一致，可以通过 url、method、data 等配置项来发送请求。 此外，我们还可以配置请求拦截器和响应拦截器：
-- -------------------- ---- -------
------ ------- ---- ----------
----- -------- --------- -
----- -------- - ----------------
-------- --------
---------------- -----
-------- -
-------------- ------- -------
--
---
------------------------------------------ -- -
-------------------- -------------- --------
------ -------
---
--------------------------------------------- -- -
--------------------- -------------- ----------
------ --------------
-- ------- -- -
--------------------- -------- -------
------ ----------------------
---
----- -------- - ----- ----------
---- --------
---
----------------------
-
----------上述代码演示了如何创建一个基本的 revuest 实例，并使用 request 拦截器和 response 拦截器，以及如何使用拦截器打印请求和响应信息。
错误处理
错误的处理是 Web 开发中不可避免的问题，比如网络失去连接、请求超时等等。revuest 提供了丰富的错误处理机制，如果请求失败，可通过 catch 方法捕获 error 对象，进而分析错误的类型。
-- -------------------- ---- -------
------ ------- ---- ----------
----- -------- --------- -
--- -
----- -------- - ----- ---------
---- ------------
---
----------------------
- ----- ------- -
-------------------- -------- -------
-- ------------------------- - -- --------
-------------------- -- -----------
-
-- ------------------------------- - -- -----
-------------------- ------- --------
-
-- ------------------------------- - -- -----
-------------------- ------- --------
-
-- ------------------------------ - -- ------
-------------------- ------ --------
-
-- ---------------------------------- - -- -------
-------------------- --- ------- --------
-
-
-
----------处理文件上传
在 Web 应用中，文件上传是常见需求。revuest 提供了简单的方式上传文件，只需要将 data 参数设置为一个 FormData 对象即可。下面代码展示了如何使用 revuest 上传文件：
-- -------------------- ---- -------
------ ------- ---- ----------
----- ---- - --- --------------- - ----- ------------ ---
----- -------- - --- -----------
----------------------- ------
----- -------- ------------ -
----- -------- - ----- ---------
---- --------------
------- -------
----- ---------
-------- -
--------------- ----------------------
--
---
----------------------
-
-------------结语
revuest 是一个相对于 request 更为方便的第三方库，它提供了类似 fetch 的语法，较为丰富的错误处理机制，请求拦截器和响应拦截器等更多的特性，我们可以通过上述介绍的基本用法学习和使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572fa81e8991b448e923e