在前端开发过程中，我们经常需要将静态文件（如图片、样式文件、JavaScript 文件等）部署到服务器上，以供浏览器访问。而 Express.js 提供了一种简单方便的方式来实现静态文件服务器的功能。本文将介绍如何在 Express.js 中使用静态文件服务器，以及常见的配置和最佳实践。
安装和基本用法
使用 Express.js 创建一个简单的静态文件服务器非常简单。首先，我们需要安装 Express.js：
--- ------- -------
接着，在我们的应用程序中引入并使用 Express.js 的 static 中间件即可：
----- ------- - ------------------- ----- --- - ---------- ----------------------------------
上述代码会将 public 目录下的所有文件变成静态文件，并可以通过 HTTP 访问。例如，如果 public 目录下有一个 index.html 文件，我们可以在浏览器中输入以下地址访问该文件：
--------------------------------
其中 3000 是我们的应用程序监听的端口号，可以在应用程序启动时指定。如果想要访问 public 目录下的其他文件，也可以按照对应的路径进行访问，例如：
------------------------------------- ----------------------------------- -------------------------------
配置选项
除了基本用法，Express.js 的 static 中间件还提供了一些常用的配置选项，以满足不同的需求。下面是一些常见的配置选项及其用法：
maxAge
maxAge 选项用于指定静态文件的缓存时间，单位为毫秒。例如，如果我们希望将 public 目录下的图片文件缓存 24 小时，可以这样设置：
-------------------------------- - ------- -------- ----
etag
etag 选项用于启用或禁用缓存验证器（etag）的功能。如果启用了 etag，则客户端的请求会带上一个请求头 If-None-Match，服务器会将静态文件的内容使用哈希算法计算出一个 etag 值，将该值与请求头中的 etag 值进行比较，从而判断是否需要发送文件内容。下面是一个使用 etag 的示例代码：
-------------------------------- - ----- ---- ----
extensions
extensions 选项用于允许通过 URL 请求的文件扩展名。默认情况下，Express.js 只允许请求没有扩展名的文件（例如 index.html），如果想要访问其他扩展名的文件（例如 app.js），需要在 extensions 选项中指定相应的扩展名。例如：
-------------------------------- - ----------- -------- ----- ----
fallthrough
fallthrough 选项用于控制是否继续处理下一个中间件。如果设置为 false，则当请求的 URL 对应静态文件不存在时，不会调用后续的中间件函数。默认情况下，该选项为 true。例如：
-------------------------------- - ------------ ----- ----
index
index 选项用于指定当请求的 URL 对应一个目录时，返回的默认文件名。例如，如果我们希望当请求 / 时，返回 public/index.html 文件，可以这样设置：
-------------------------------- - ------ ------------ ----
安全性和最佳实践
在使用 Express.js 的静态文件服务器时，我们需要注意以下安全性问题和最佳实践：
避免使用绝对路径
在使用 Express.js 的静态文件服务器时，尽量避免使用绝对路径，因为这可能会暴露服务器的文件系统结构。例如，以下代码将 public 目录下的文件暴露给客户端：
------------------ -----------------------------------
实际上，如果客户端使用类似 http://example.com/static/../ 的 URL 请求服务器，则可以访问服务器上任意文件。
使用 HTTPS 协议
如果我们希望通过 Internet 公开访问静态文件服务器，应该尽可能使用 HTTPS 协议，以加强传输数据的安全性。可以使用 Node.js 内置的 https 模块，或者使用第三方的工具（如 Nginx）来实现 HTTPS。
避免使用默认的 index 文件名
默认情况下，Express.js 的静态文件服务器会返回 index.html 文件，如果我们没有对 index 选项进行设置的话。这可能会导致一些安全问题，例如目录遍历攻击（Directory Traversal Attack）。因此，最好不要使用默认的 index 文件名，而是使用一个随机的文件名，或者将 index 文件放在单独的目录中。
结论
Express.js 的静态文件服务器提供了一种简单方便的方式来部署静态文件。在应用程序开发过程中，我们可以根据需要选择合适的配置选项，并注意安全性问题和最佳实践。希望本文能够对读者在实际开发中有所帮助。
参考资料
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/670ce8645f551281025bfcd6