在前端开发中，我们经常需要使用 RESTful API 与后端服务器进行数据交互。而在进行数据交互的过程中，异常情况也是难免的。因此，我们需要了解如何处理 RESTful API 中的异常情况。
异常分类
RESTful API 中的异常情况可以分为两类：HTTP 异常和业务异常。
HTTP 异常
HTTP 异常指的是在请求和响应的过程中发生的异常。比如，请求的地址不存在、请求的资源被禁止访问等。
HTTP 异常通常以状态码的形式返回，常见的状态码有：
- 200 OK：请求成功。
- 400 Bad Request：请求参数错误。
- 401 Unauthorized：未授权。
- 403 Forbidden：禁止访问。
- 404 Not Found：请求的资源不存在。
- 500 Internal Server Error：服务器错误。
在接收到 HTTP 异常时，前端应该将错误信息反馈给用户。
业务异常
业务异常指的是在业务逻辑处理中发生的异常。比如，请求参数的校验未通过、没有权限进行操作等。
业务异常通常以 JSON 格式返回，常见的错误码有：
- 1001：参数错误。
- 1002：用户未登录。
- 1003：没有权限。
- 1004：找不到资源。
- 1005：服务器内部错误。
在接收到业务异常时，前端应该将错误信息反馈给用户，并根据需要进行相应的处理。
处理方法
针对上述两种异常情况，我们可以采用不同的处理方法。
HTTP 异常处理
对于 HTTP 异常，我们可以通过 Axios 的拦截器来进行处理。Axios 是一个基于 Promise 的 HTTP 库，我们可以在请求和响应的过程中对其进行拦截，进而实现异常的统一处理。
-- -------------------- ---- -------
------ ----- ---- --------
-- -----
------------------------------------- -- -
-- -----------
------ -------
-- ----- -- -
-- ---------
------ ----------------------
---
-- -----
---------------------------------------- -- -
-- ---------
------ ---------
-- ----- -- -
-- ---------
-- ---------------- -
----- ------ - ----------------------
------ -------- -
---- ----
-- -----
------
---- ----
-- ----
------
---- ----
-- -----
------
---- ----
-- -------
------
--------
------
-
-- ------
------------- -------------------------------
-
------ ----------------------
---通过拦截器，我们可以对请求和响应进行全局的处理。在请求拦截器中，我们可以对请求参数进行处理；在响应拦截器中，我们可以对响应数据进行统一处理。
业务异常处理
对于业务异常，我们可以通过 Promise 的 reject 方法来抛出异常。下面给出一个示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
-------- --------------- --------- -
------ ------------------------ -
--------- ---------
--------- --------
---------------- -- -
----- ---- - --------------
-- ---------- --- -- -
------ ----------
- ---- -
-- ------
----- --- ----------------
-
---
-
-------------- ------------------- -- -
-- ----
--------------------- --------------------
-------------- -- -
-- ------
---------------------
---在上述代码中，当接收到业务异常时，我们通过 throw new Error 抛出一个异常，并在 catch 语句中进行处理。这样可以使代码更加简洁，也更有可读性。
总结
处理 RESTful API 中的异常情况是一个重要的前端开发技能。通过了解异常的分类和相应的处理方法，我们可以更好地进行前端开发，并提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6450bc3d980a9b385b9aaa4a