在网页应用程序中，静态资源（如图片、CSS 和 JavaScript 文件）可在访问 Web 服务器时立即加载。这有助于提高页面加载速度、减少带宽使用量和提高用户体验。在使用 Node.js 开发 Web 服务器时，可以使用 Express.js 库来管理和缓存静态资源。
Express.js 静态资源管理
Express.js 可以通过 express.static() 中间件函数将一个或多个静态资源目录与应用程序关联，并在请求时自动服务于这些资源。以下是使用 Express.js 来管理静态资源的示例代码：
const express = require('express');
const app = express();
app.use(express.static('public'));在上面的示例代码中，我们将应用程序与 public 目录关联，该目录包含所有静态资源。现在，所有请求 http://localhost:3000 及其子路径的文件都将从 public 目录中获取。
Express.js 静态资源缓存
在开发 Web 应用程序时，缓存静态资源可大大提高性能和页面加载速度，因为浏览器会在第一次请求资源时缓存资源，并在下一次请求时使用缓存的版本。在 Express.js 中，静态资源缓存可以通过以下两种方式来实现。
maxAge 参数
通过 maxAge 参数，可以指定静态资源在客户端本地缓存的时间（以毫秒为单位）。以下是使用 maxAge 参数来缓存静态资源的示例代码：
const express = require('express');
const app = express();
app.use(express.static('public', { maxAge: 86400000 }));在上面的示例代码中，我们将应用程序与 public 目录关联，并指定缓存时间为一天（即 86400000 毫秒）。现在，所有请求 http://localhost:3000 及其子路径的文件都将被缓存一天。
Express.js-compress 库
Express.js-compress 是一个简单的中间件库，可以压缩和缓存静态资源。以下是使用 Express.js-compress 库来压缩和缓存静态资源的示例代码：
const express = require('express');
const compression = require('compression');
const app = express();
app.use(compression());
app.use(express.static('public'));在上面的示例代码中，我们使用 Express.js-compress 库来压缩和缓存静态资源。现在，所有请求 http://localhost:3000 及其子路径的文件都将被压缩和缓存。
结论
使用 Express.js 管理和缓存静态资源是提高性能和用户体验的关键。无论您是使用 maxAge 参数还是 Express.js-compress 库，都可以简单而有效地实现静态资源缓存。希望这篇文章可以为您在开发 Web 应用程序过程中提供指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671b49f79babaf620faa8cd3