在现代 web 应用中，我们经常需要在网站中引用图片、样式表、脚本文件等静态文件资源。一般情况下，这些文件需要先存储在服务器的某个目录下才能被访问，比如说 public 目录下。本文将介绍如何在 Hapi.js 应用中挂载静态文件，以让你的网站更加美观和功能强大。
Hapi.js 简介
Hapi.js 是一个开源的 node.js 框架，用于构建可伸缩的 web 应用程序。它提供了强大的路由、插件系统、模板引擎以及处理 API 和数据存储的工具。Hapi.js 设计思想简洁明了，能够简化开发者的工作流程，是构建 web 应用的良好选择。
挂载静态文件
Hapi.js 允许我们将静态文件挂载到应用程序中，以便能够像任何其他路由一样访问它们。对于一个 Hapi.js 应用程序，我们可以将所有的静态文件存储在 public 目录内。访问这些静态文件的 URL 就是 /public/*，其中 * 是相对路径。在 Hapi.js 框架中，我们可以通过 Inert 插件实现这一功能。
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----- - -----------------------
----- ---- - ----- -- -- -
----- ------ - ------------- ----- ---- ---
----- -----------------------
--------------
------- ------
----- ------------------
-------- -
---------- -
----- --------
-
-
---
----- ---------------
-
------
------------------------- ------- --- ------------------------
---------- -- -
--------------------- -- ----- --- --------
------------------
---上述代码的作用是在指定的 URL /public/* 下，将指向 public 目录对应的静态文件返回给浏览器。通过设置 directory 配置项，我们使 Inert 插件将静态文件存储路径映射为指定路径，这样我们就能够方便地访问这些文件了。
疑难解答
文件路径
由于此方法指向的路径是相对路径，所以我们需要确认文件路径是否与我们预期的路径相同。如果我们在生产环境中启动应用程序，就不能直接使用相对路径，应该使用 path.join() 或 path.resolve() 等 Node.js 中的内置模块来解决路径问题。
手动重载
如果您已经在应用程序中支持了静态文件挂载，但是当您修改静态文件时，更新未反映到浏览器上，解决方案是：手动清除本地缓存或使用浏览器的无痕模式或重新启动浏览器窗口。
总结
通过 Inert 插件，我们可以轻松地将静态文件挂载到 Hapi.js 应用程序中。这为我们的 web 应用程序提供了更多的扩展性和可用性。使用 Node.js 内置的路径组合方法，我们可以轻松地处理文件路径的问题，从而避免出现意外错误。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645e039a968c7c53b005dba9