npm 包 http-status-definitions 使用教程

介绍

在前端开发中，我们经常会遇到处理 HTTP 状态码的场景。通过处理状态码，我们可以做出不同的处理逻辑，提高用户体验，增强用户交互。但是处理状态码时，我们往往需要进行大量的状态码的比对和逻辑处理，这不仅繁琐，而且容易出错。

为了方便开发者处理 HTTP 状态码，npm 社区中有一个叫做 http-status-definitions 的 npm 包，它提供了一套常见 HTTP 状态码的定义，并且为每个状态码提供了详细的描述和建议的处理方法。

在本文中，我们将详细介绍如何使用 http-status-definitions 包来规范处理 HTTP 状态码。

安装

我们可以通过 npm 快捷地安装 http-status-definitions 包：

--- ------- -----------------------

使用方法

在安装了 http-status-definitions 包后，我们可以在前端项目中通过 require 或者 import 的方式引入包：

-- --------
----- --------------------- - -----------------------------------

-- --- -------
------ --------------------- ---- --------------------------

然后就可以使用 HttpStatusDefinitions 对象了。

可以通过 HttpStatusDefinitions 对象的属性或者方法获取对应的 HTTP 状态码定义，例如：

----- ------ - -------------------------
--------------------

--
-
  ----- ----
  ----- -----
  ------------ -------- --------- ------- --- --------
-
--

API

http-status-definitions 包提供了以下 API：

HttpStatusDefinitions

  • HttpStatusDefinitions.CONTINUE
  • HttpStatusDefinitions.SWITCHING_PROTOCOLS
  • HttpStatusDefinitions.PROCESSING
  • HttpStatusDefinitions.OK
  • HttpStatusDefinitions.CREATED
  • HttpStatusDefinitions.ACCEPTED
  • HttpStatusDefinitions.NON_AUTHORITATIVE_INFORMATION
  • HttpStatusDefinitions.NO_CONTENT
  • HttpStatusDefinitions.RESET_CONTENT
  • HttpStatusDefinitions.PARTIAL_CONTENT
  • HttpStatusDefinitions.MULTI_STATUS
  • HttpStatusDefinitions.ALREADY_REPORTED
  • HttpStatusDefinitions.IM_USED
  • HttpStatusDefinitions.MULTIPLE_CHOICES
  • HttpStatusDefinitions.MOVED_PERMANENTLY
  • HttpStatusDefinitions.FOUND
  • HttpStatusDefinitions.SEE_OTHER
  • HttpStatusDefinitions.NOT_MODIFIED
  • HttpStatusDefinitions.USE_PROXY
  • HttpStatusDefinitions.TEMPORARY_REDIRECT
  • HttpStatusDefinitions.PERMANENT_REDIRECT
  • HttpStatusDefinitions.BAD_REQUEST
  • HttpStatusDefinitions.UNAUTHORIZED
  • HttpStatusDefinitions.PAYMENT_REQUIRED
  • HttpStatusDefinitions.FORBIDDEN
  • HttpStatusDefinitions.NOT_FOUND
  • HttpStatusDefinitions.METHOD_NOT_ALLOWED
  • HttpStatusDefinitions.NOT_ACCEPTABLE
  • HttpStatusDefinitions.PROXY_AUTHENTICATION_REQUIRED
  • HttpStatusDefinitions.REQUEST_TIMEOUT
  • HttpStatusDefinitions.CONFLICT
  • HttpStatusDefinitions.GONE
  • HttpStatusDefinitions.LENGTH_REQUIRED
  • HttpStatusDefinitions.PRECONDITION_FAILED
  • HttpStatusDefinitions.PAYLOAD_TOO_LARGE
  • HttpStatusDefinitions.REQUEST_URI_TOO_LONG
  • HttpStatusDefinitions.UNSUPPORTED_MEDIA_TYPE
  • HttpStatusDefinitions.REQUESTED_RANGE_NOT_SATISFIABLE
  • HttpStatusDefinitions.EXPECTATION_FAILED
  • HttpStatusDefinitions.I_AM_A_TEAPOT
  • HttpStatusDefinitions.MISDIRECTED_REQUEST
  • HttpStatusDefinitions.UNPROCESSABLE_ENTITY
  • HttpStatusDefinitions.LOCKED
  • HttpStatusDefinitions.FAILED_DEPENDENCY
  • HttpStatusDefinitions.UNORDERED_COLLECTION
  • HttpStatusDefinitions.UPGRADE_REQUIRED
  • HttpStatusDefinitions.PRECONDITION_REQUIRED
  • HttpStatusDefinitions.TOO_MANY_REQUESTS
  • HttpStatusDefinitions.REQUEST_HEADER_FIELDS_TOO_LARGE
  • HttpStatusDefinitions.UNAVAILABLE_FOR_LEGAL_REASONS
  • HttpStatusDefinitions.INTERNAL_SERVER_ERROR
  • HttpStatusDefinitions.NOT_IMPLEMENTED
  • HttpStatusDefinitions.BAD_GATEWAY
  • HttpStatusDefinitions.SERVICE_UNAVAILABLE
  • HttpStatusDefinitions.GATEWAY_TIMEOUT
  • HttpStatusDefinitions.HTTP_VERSION_NOT_SUPPORTED
  • HttpStatusDefinitions.VARIANT_ALSO_NEGOTIATES
  • HttpStatusDefinitions.INSUFFICIENT_STORAGE
  • HttpStatusDefinitions.LOOP_DETECTED
  • HttpStatusDefinitions.NOT_EXTENDED
  • HttpStatusDefinitions.NETWORK_AUTHENTICATION_REQUIRED

以上属性均为只读属性，其中包含如下字段：

  • code: HTTP 状态码。
  • name: HTTP 状态码的名称。
  • description: HTTP 状态码的描述。

HttpStatusDefinitions.getStatusCode(code)

  • code: HTTP 状态码，可以是数字或者字符串类型。

  • 返回值：{ code, name, description }，其中包含：

    • code: HTTP 状态码。
    • name: HTTP 状态码的名称。
    • description: HTTP 状态码的描述。

可以通过给定的 HTTP 状态码来获取对应的属性，例如：

----- ------ - -----------------------------------------
--------------------

--
-
  ----- ----
  ----- -----
  ------------ -------- --------- ------- --- --------
-
--

示例

我们可以使用 http-status-definitions 包来规范处理 HTTP 响应状态码。例如我们可以通过以下方式来处理 HTTP 请求后的返回结果：

-----------------
  -------------- -- -
    ----- ------ - -----------------------------------------------------
    ------ ------------- -
      ---- ------------------------------
        -- -------
        ------ --------------
      ---- ---------------------------------------
        -- -------------
        ----- --- --------------------------
      ---- ----------------------------------------
        -- ---------------
        ----------------------
        ------
      ---- -------------------------------------------------
        -- -------
        ----- --- --------------------------
      --------
        -- --------
        ----- --- --------------------------
    -
  --
  ------------ -- -
    -- ----
    ---------------------
  ---

通过 http-status-definitions 包，我们可以很方便地处理 HTTP 响应状态码，让我们的前端开发工作变得更加高效和规范。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600557d981e8991b448d4e54

阅读全文

猜你喜欢

  • npm包 rot-13 使用教程

    前言 在前端开发过程中，我们经常需要对字符串进行一些转换和加密，rot-13就是一种简单的加密方式。npm上有一个rot-13的包，使用这个包可以方便地对字符串进行加密和解密操作。

    2 年前
  • npm 包 angular-simple-gauge 使用教程

    在前端开发中，使用各种 npm 包能够大大提高我们的效率，使我们更快地构建出各类应用。其中，一个非常实用的 npm 包是 angular-simple-gauge，它允许我们在 Angular 应用中...

    2 年前
  • npm 包 neutrino-preset-typescript 使用教程

    简介 Neutrino 是一个基于 Webpack 和其他工具构建现代化前端应用的工具集，是一个跨平台，易于使用的开发工具。在 Neutrino 中，我们可以使用不同的 preset 对应用进行配置，...

    2 年前
  • npm 包 onconnect-movies-api 使用教程

    简介 onconnect-movies-api 是一个基于 Node.js 的 JavaScript 库，可以用于在服务端访问经过认证的 TheMovieDb API，并快速获取电影及相关信息。

    2 年前
  • npm 包 spqr-numerals 使用教程

    前言 在前端开发中，处理数字是一项常见的任务。但是，在实际项目中遇到需求时，常常需要将数字转化为罗马数字或其他特殊的数字形式。本文介绍一款能够将数字转化为西欧古罗马数字以及其他形式的 npm 包 sp...

    2 年前
  • npm 包 angular-matchheight 使用教程

    什么是 angular-matchheight angular-matchheight 是一个针对 AngularJs 框架开发的插件，该插件主要是帮助开发者快速实现元素高度相等的效果，可以用于制作网...

    2 年前
  • NPM包Preact-mdc使用教程

    Preact-mdc是一个基于Google's Material Design Component的前端UI框架，它为开发者提供了丰富的React组件和交互效果。在本文中，我们将探讨如何在你的项目中使...

    2 年前
  • npm 包 tm-marked 使用教程

    在现代 web 开发中，前端技术已经不再只是简单的 HTML 和 CSS，越来越多的开发者投入到了前端领域中。而在前端开发过程中，Markdown 已经成为了一种流行的文档格式。

    2 年前
  • npm 包 cordova-plugin-sea-pdf-preview 使用教程

    在前端开发过程中，有时会遇到需要在移动端内嵌 PDF 文件的情况，这时候我们可以使用 cordova-plugin-sea-pdf-preview 这个 npm 包来实现 PDF 预览功能。

    2 年前
  • npm 包 expressjs-metrics 使用教程

    简介 在前端开发中，我们可能需要使用 Node.js 和 Express 框架开发后端，此时我们希望能够通过一些工具来收集、监控我们的服务的性能数据，以便于进行优化和改进。

    2 年前
  • npm 包 developer-gulp 使用教程

    介绍 developer-gulp 是一个基于 gulp 的前端开发工作流，提供了一些在前端开发中经常使用的工具，例如自动化构建、文件压缩等。在使用 developer-gulp 这个 npm 包之前...

    2 年前
  • npm 包 retext-wordusage 使用教程

    又怕你用错单词？retext-wordusage 给你帮助！npm 包 retext-wordusage 是一个用于检查英文单词使用的命令行工具和库，它可以帮助你发现文章中的单词使用错误并提醒你进行修...

    2 年前
  • npm 包 treejson 使用教程

    前端开发中，我们常常需要处理树形结构的数据。而使用 npm 包 treejson 可以方便地将树形数据转换为 JSON 格式，帮助我们更方便地处理和展示数据。本文将介绍 npm 包 treejson ...

    2 年前
  • npm 包 gitbook-plugin-wrapper 使用教程

    前言 对于前端开发者而言，使用 GitBook 是非常便捷的。然而，在使用 GitBook 进行文档编写时，也会遇到一些问题。其中一个问题是，如何轻松实现 Markdown 中插入各种常用的媒体内容，...

    2 年前
  • npm 包 @sirbimbus/update-dom 使用教程

    前言 前端开发中不可避免需要对 DOM 元素进行操作，而更新 DOM 元素的方式也有很多种。而今天要介绍的 npm 包 @sirbimbus/update-dom，它是一个轻量级的 DOM 更新库，可...

    2 年前
  • npm 包 @vaemoi/revit-js 使用教程

    前言 在前端开发中，我们经常需要使用一些优秀的第三方库来帮助我们实现更快更好的开发。其中，@vaemoi/revit-js 是一款非常优秀的 npm 包，可以帮助我们快速地实现前端组件化开发，提高代码...

    2 年前
  • npm 包 express-generator-dm 使用教程

    什么是 express-generator-dm express-generator-dm 是一个 npm 包，它是 Express.js 应用程序的脚手架工具，可以快速创建一个基于 Express....

    2 年前
  • npm 包 @hypnosphi/react-portal 使用教程

    在前端开发中，有时我们需要将组件渲染在 DOM 树之外，这就需要使用到 Portal 技术。Portal 技术可以让我们在组件内部创建一个独立的 DOM 组件，并将其渲染到根节点之外的 HTML 元素...

    2 年前
  • npm 包 fis3-command-svg-converter 使用教程

    前言 在前端开发中，我们常常需要使用 SVG 图片。但 SVG 格式的图片文件相对来说较大，不利于页面加载，同时也不太便于修改和调整。因此，一些工具和库就应运而生了，以便于开发者对 SVG 图片进行压...

    2 年前
  • npm 包 flight-stats 使用教程

    在前端开发中，常常需要使用一些外部的库来帮助我们完成一些复杂的功能。而 npm 是一个非常流行的包管理器，它拥有海量的开源包。在使用这些包时，我们可以大大提高开发效率。

    2 年前

相关推荐

    暂无文章