作为前端开发者，我们经常需要为网站添加自定义页面。Hapi 是一个流行的 Node.js web 框架，提供了许多实用功能。在本文中，我们将学习如何使用 Hapi 框架来实现自定义 404 页面。
什么是 404 页面？
在互联网上，当用户请求一个不存在的页面时，服务器会返回一个 HTTP 404 状态码。这通常是因为网站上不存在请求的资源或者 URL 错误。浏览器会显示一个默认的“Page Not Found”页面。然而，这个页面可能不符合网站的主题或者风格。因此，许多网站会使用自定义 404 页面来提供更好的用户体验。
在 Hapi 中实现自定义 404 页面
Hapi 框架提供了一个错误处理机制，可以帮助我们实现自定义 404 页面。
首先，我们需要创建一个路由处理程序来处理任何未匹配的路径：
-- -------------------- ---- -------
--------------
------- ----
----- ----------
-------- --------- -- -- -
----- -------- - --------------- ------ ---- --- ---------
-------------------
------ ---------
-
---这段代码中，我们使用通配符 * 来定义一个 route，它能够匹配网站上的所有路径。在处理程序中，我们通过 h.response() 方法创建一个响应对象，并将状态码设置为 404。
接下来，我们需要将 404 页面的视图添加到 Hapi 的视图目录中。假设我们的视图文件名为 404.hbs，并且存储在 views 目录中。
然后，在服务器创建时，我们可以为 Hapi 设置视图引擎并指定视图目录，如下所示：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ------ - ------------------------
----- ---------- - ----------------------
----- ------ - --- -------------
----- -----
------- -
------ -
----------- ---------
-
-
---
----- ---- - ----- -- -- -
----- ------------------------
--------------
-------- - ---- ---------- --
----------- ----------
----- -------
---
--------------
------- ----
----- ----------
-------- --------- -- -- -
----- -------- - ------------- - ------ ---- ------ ---- --- ------- -------------
------ ---------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在这段代码中，我们需要添加视图引擎和视图目录，以便 Hapi 可以查找要显示的文件。然后，我们在路由处理程序中使用 h.view() 方法来呈现视图。
总结
自定义 404 页面是为用户提供更好体验的一种方式。在 Hapi 框架中，我们可以使用错误处理机制和视图引擎来实现自定义 404 页面。这个例子还涉及到了路由，视图等概念，帮助我们更好的理解 Hapi 框架的使用。
代码实现可以在我的 GitHub 中查看。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64623557968c7c53b0383116