在 Web 开发中，静态资源是一个不可或缺的部分。通常情况下，我们将静态资源（如 HTML、CSS、JavaScript、图片等）放到服务器的静态目录中，然后通过浏览器发送请求获取这些资源。如何有效地管理和服务这些静态资源是一个值得关注的问题。在本文中，我们将探讨如何使用 Hapi 和 Inert 实现这一目标。
1. Hapi 简介
Hapi 是一个基于 Node.js 的 Web 应用服务器框架，它提供了强大的路由、插件、中间件等功能，使得构建 Web 应用程序变得非常容易。Hapi 的特点在于其强大的插件系统，可以方便地扩展各种功能。我们将使用 Hapi 的自带插件 Inert 来服务静态资源。
2. Inert 简介
Inert 是 Hapi 自带的静态文件服务插件，可以很方便地将服务器的静态资源文件（如 HTML、CSS、JavaScript、图片等）提供给客户端。它提供了一组 API，使得管理和服务静态文件变得更加容易。
3. 使用 Inert 服务静态资源
使用 Inert 服务静态资源非常简单。首先，我们需要在 Hapi 项目中安装 Inert：
npm install inert --save
然后，在 Hapi 项目中注册 Inert 插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----- - -----------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -----------------------
----- ---------------
------------------- ------- --- ---------------------
--
-------上面的代码展示了如何启动 Hapi 服务器并注册 Inert 插件。在注册插件之后，我们就可以在服务器的静态目录中服务静态文件了。
默认情况下，Inert 会将服务器的目录 ./public 映射到 Web 端口的 / 路径。也就是说，如果我们在 ./public 下有一个文件 index.html，那么可以通过浏览器访问 http://localhost:3000/index.html 来获取这个文件。
在实际应用中，我们可能需要修改 Inert 的一些配置来满足需求。例如，我们可能希望将静态文件服务的路由前缀设置为 /static 而不是默认的 /。这可以通过在注册 Inert 插件时传递一个配置对象来实现：
await server.register({
plugin: Inert,
options: {
routePrefix: '/static'
}
});通过上面的配置，我们将 Inert 映射到 /static 路径，就可以通过浏览器访问 http://localhost:3000/static/index.html 来获取文件 ./public/index.html。
除了上面的配置之外，Inert 还提供了一系列的 API，使得管理和服务静态资源变得更加方便。例如，我们可以使用 handler.file() 方法显式地提供一个文件，如下所示：
server.route({
method: 'GET',
path: '/custom.html',
handler: (request, h) => {
return h.file('./public/custom.html');
}
});在上面的代码中，我们将该路由的处理器设置为 h.file() 函数，该函数会返回文件 ./public/custom.html。
4. 总结
在本文中，我们介绍了如何使用 Hapi 和 Inert 服务静态资源。通过使用 Inert，我们可以方便地管理和服务服务器的静态资源文件。Inert 提供了一系列的 API，使得我们可以轻松地管理和服务这些资源，例如显式地提供一个文件、修改静态文件服务的路由前缀等等。如果您正在开发一个基于 Node.js 的 Web 应用程序，那么使用 Hapi 和 Inert 来服务静态资源是一个很好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647573b1968c7c53b02845a6