在 Hapi 框架中，Inert 插件是用于静态文件服务器的模块，可以在 Hapi 应用程序中提供静态文件的访问。但是，在使用 Inert 插件时，有时候会遇到缓存问题。
缓存问题
通常，当浏览器请求静态资源时，服务器会在响应头中添加缓存控制信息，使得浏览器可以缓存该静态资源。这样，在下次请求相同资源时，浏览器会使用缓存，减少网络请求，提高页面响应速度。
但是，在使用 Inert 插件时，默认情况下，Hapi 不会返回缓存控制信息，因此浏览器始终会向服务器请求最新版的资源，并且不会从缓存中读取。
解决方案
为了解决这个缓存问题，我们需要自己添加缓存控制信息。具体来说，我们可以添加以下两个响应头：
- Cache-Control
- Last-Modified
其中，Cache-Control 是控制缓存的头信息，可以指定缓存时间、缓存类型等信息。Last-Modified 是标记资源最后一次修改时间的头信息，浏览器可以使用该信息判断资源是否需要更新。
在 Hapi 中，我们可以使用 hapi-response-utilities 插件来添加上述两个响应头。首先，需要安装该插件：
--- ------- -----------------------
然后，在 Hapi 应用程序中注册该插件：
----- ---- - ----------------------
----- ----------------- - -----------------------------------
----- ------ - -------------
----- -----
----- -----------
---
----- -------- ------------- -
----- -----------------
------- -----------------
---
-- ---- ------ ----
-
--------------接下来，在处理请求的路由处理函数中，我们可以使用 reply.file 方法来提供静态文件的响应。同时，我们也需要为 reply.file 方法指定缓存控制信息：
----- ------- - --------- -- -- -
------ -----------------------
------------------------ -------- ------------------ -- -------
------------------------ ----- -- --- ---- -------- ------
--在上述代码中，我们指定了一个一年的缓存时间；同时，我们也为 Last-Modified 头信息指定了一个标准时间。
示例代码
下面是一个完整的示例代码，用于演示如何使用 Hapi 和 hapi-response-utilities 插件解决缓存问题：
----- ---- - ----------------------
----- ----------------- - -----------------------------------
----- ------ - -------------
----- -----
----- -----------
---
----- -------- ------------- -
----- -----------------
------- -----------------
---
--------------
------- ------
----- -------------
-------- --------- -- -- -
------ ----------------------------
------------------------ -------- ------------------
------------------------ ----- -- --- ---- -------- ------
-
---
-
--------------结论
在使用 Inert 插件时，为了让浏览器正确地缓存静态资源，我们需要自己添加缓存控制信息。通过使用 hapi-response-utilities 插件，我们可以很容易地添加 Cache-Control 和 Last-Modified 响应头信息。这样，我们就可以让浏览器缓存静态资源，减少网络请求，提高页面响应速度。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fceda1447136260174b51a