Express.js 是一款流行的 Node.js 框架，它可以用于开发 Web 应用程序。当应用程序需要使用静态资源文件时，例如图片、CSS 文件或 JavaScript 文件等等，我们通常会使用 Express.js 的中间件来处理它们。在这种情况下，我们需要对这些资源文件进行缓存，以提高应用程序的性能和用户体验。
缓存策略
在使用 Express.js 编写 Web 应用程序时，我们可以使用 express.static() 中间件来处理静态资源文件。在默认情况下，Express.js 会为每个资源文件发送一个新的 HTTP 请求，这会导致网络带宽的浪费和应用程序性能的下降。为了解决这个问题，我们可以通过缓存策略来减少资源文件的请求次数。
缓存策略可以通过在 HTTP 响应头中设置 “Cache-Control” 和 “Expires” 字段来实现。例如，我们可以设置 “Cache-Control” 字段为 “max-age=3600”，让浏览器在该资源文件缓存1小时后重新发送请求。我们也可以设置 “Expires” 字段为一个 Unix 时间戳，表示在该时间之前，浏览器不需要重新发送请求。
使用 ETag
除了设置 “Cache-Control” 和 “Expires” 字段外，我们还可以使用 ETag（Entity Tag）来对资源文件进行缓存。ETag 是指计算文件内容的哈希值，并将其存储在服务器端。当浏览器请求该资源文件时，服务器会计算出该文件的哈希值，并将其与浏览器发送的 If-None-Match 头部进行比较。如果它们相等，服务器将返回 HTTP 304 Not Modified 响应，并告诉浏览器使用缓存版本的资源文件。
在 Express.js 中，我们可以使用 etag() 中间件来自动生成 ETag 值，并将其添加到 HTTP 响应头中。例如，下面的代码演示了如何使用 ETag 中间件：
----- ------- - -------------------
----- --- - ----------
----------------------------------
---------------------------------
-------------------------------- -
----- -----
------------- -----
----------- ----- ----- -- -
------------------------------ -------- ---------------
-
----在上面的示例中，我们将 etag() 中间件添加到处理静态资源文件的中间件中，并设置了 etag 和 lastModified 选项为 true，这样 Express.js 就会使用 ETag 和最后修改时间来生成缓存。我们还使用 setHeaders() 方法来设置 “Cache-Control” 字段，以便为资源文件设置缓存策略。
总结
在本文中，我们讨论了如何使用 Express.js 中间件来处理静态资源文件，并探讨了缓存策略和 ETag 的使用方法。使用缓存策略可以提高应用程序的性能和用户体验，减少不必要的资源请求。使用ETag可以减少网络带宽的浪费，并降低服务器负载。总之，使用缓存技术始终是一项值得推荐的最佳实践。
示例代码
完整的示例代码可以在下面的链接中找到：
https://github.com/username/exmaple-repo
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647c7cfe968c7c53b0783c8b