在 Web 应用中，404 错误已经成为了家常便饭。虽然这个错误码通常不是特别重要，但是它依然会影响用户体验和搜索引擎的收录。如果能够优雅地处理 404 错误，不仅能够提升用户体验，还能为 SEO 做出贡献。在本文中，我们将介绍使用 Hapi-Boom 优雅处理 404 错误的方法。
Hapi-Boom 简介
Hapi-Boom 是 Hapi 的一个插件，用于生成 HTTP 错误响应。它能够让开发者更容易地构建符合 HTTP 标准的错误响应，从而提高应用的可维护性和可读性。除了处理错误响应之外，它还可以处理重定向响应和 HTTP 响应头。
安装 Hapi-Boom
在使用 Hapi-Boom 之前，我们需要先安装它。可以通过 npm 安装 Hapi 和 Hapi-Boom：
npm i hapi hapi-boom
处理 404 错误
在 Hapi 中，处理 404 错误的方法非常简单。我们只需要在路由的 handler 中返回一个 404 错误即可。下面是一个示例代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ---------------------
----- ------ - --- --------------
------------------- ----- ---- ---
--------------
------- ------
----- -------
-------- --------- ------ -- -
------------ --------
-
---
--------------
------- ------
----- -------
-------- --------- ------ -- -
-----------------------
-
---
------------------ -- -
-- ----- -
----- ----
-
------------------- ------- --- ---------------------
---在上面的示例代码中，/foo 路由返回了一个简单的文本信息，而 /bar 路由则返回了一个 404 错误。在返回 404 错误的时候，我们使用了 Hapi-Boom 提供的 Boom.notFound() 方法来生成一个符合 HTTP 标准的错误响应。
生成 404 错误之后，Hapi-Boom 会自动设置响应头，包括状态码、错误信息、错误类型等信息。这样做不仅可以让响应更符合 HTTP 标准，还可以让前端开发人员更容易地处理这些错误响应。
自定义 404 错误页面
虽然使用 Hapi-Boom 可以让我们优雅地处理 404 错误，但是默认的错误页面通常并不美观，也不符合我们的需求。因此，我们需要自定义 404 错误页面。
首先，我们需要在应用中设置一个专门的路由来处理 404 错误。这个路由需要设置通配符路径，以便捕获任何未匹配的路由。然后，在这个路由的 handler 中，我们可以渲染自己的错误页面，然后将它作为响应返回。
下面是一个示例代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ---------------------
----- ---------- - ----------------------
----- -- - --------------
----- ------ - --- --------------
------------------- ----- ---- ---
--------------
-------- -
----- ----------
--
----------- ----------
----- -------
---
--------------
------- ----
----- --------
-------- --------- ------ -- -
----- ---- - ----------------------------------- --------
----- -------- - -------------------------
----- ---- - -------------
---------------------------
-
---
--------------
------- ------
----- -------
-------- --------- ------ -- -
------------ --------
-
---
------------------ -- -
-- ----- -
----- ----
-
------------------- ------- --- ---------------------
---在上面的示例代码中，我们使用了 Handlebars 模板引擎来渲染错误页面。首先，我们在 server.views() 方法中注册了 Handlebars 引擎，并指定了视图文件的路径。然后，在 / 路由中，我们直接读取视图文件，将它渲染为 HTML 页面，并将 HTML 作为参数传递给 Boom.notFound() 方法。
总结
在本文中，我们介绍了使用 Hapi-Boom 优雅处理 404 错误的方法。我们还演示了自定义 404 错误页面的方法。通过使用 Hapi-Boom，我们可以更容易地构建符合 HTTP 标准的错误响应，提升访问者体验和搜索引擎收录率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d1a34cb5eee0b5258dfd81