在前端开发中，常常需要根据服务器返回的 HTTP 状态码来做不同的处理。为了方便开发者使用，@lleon/http-status 是一个专门用来处理 HTTP 状态码的 npm 包，本文将详细介绍如何使用此包。
安装
使用 npm 安装 @lleon/http-status：
--- ------- ------------------
使用
引入 @lleon/http-status：
----- ---------- - ------------------------------
获取 HTTP 状态码
----- ------ - -------------- -------------------- -- ---
@lleon/http-status 将 HTTP 状态码转换成了易于记忆和使用的常量形式。
获取 HTTP 状态码的原因短语
----- ------ - ---------------------------------------- -------------------- -- --
@lleon/http-status 提供了一个 getStatusText 方法，可以根据 HTTP 状态码获取其对应的原因短语。
检查 HTTP 状态码是否属于某个范围
-- ------------------------------------------------- - ----------------- ------ - -- ---------------------------------------- - ----------------- ------ - -- -------------------------------------------------------- - ----------------- ------ - -- -------------------------------------------------- - ----------------- ------ - -- ------------------------------------------------------------ - ----------------- ------ -
@lleon/http-status 提供了一些方法，可以检查 HTTP 状态码是否属于某个范围。例如，isInformational 方法可以检查某个状态码是否属于 1xx 范围，返回布尔类型的值。
示例
以下是一个示例代码，演示了如何使用 @lleon/http-status 处理 HTTP 状态码：
----- ---------- - ------------------------------
----- ---- - -
--- --
----- -----
--
--------------------
--------- -- -
-- ------------------------------------- -
-- --------
------ -----------
- ---- -- -------------------------------------- -
-- -----------------
----- --- ------------------
- ---- -
-- ---------------
----- --- ---------------
-
--
---------- -- -
------------------
--
------------ -- -
-----------------------------
---在这个示例中，我们通过 fetch 方法发送请求，然后根据服务器返回的 HTTP 状态码做了不同的处理。如果状态码属于 2xx 范围，说明请求成功，可以通过解析响应体获取数据；如果状态码属于 4xx 范围，说明客户端请求有错，需要给用户相应的提示；如果状态码属于 5xx 范围，说明服务器出错，需要记录日志并报错。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600572d581e8991b448e90ba