我要招人

前端/移动开发面试题更新 2026-08-05

请说明在 Node.js 环境下，服务端向客户端提供静态资源（如 HTML、CSS、JS 文件）的常见处理方式有哪些？请至少列举两种不同的实现方案，并对比它们各自的优缺点。

前端/移动开发技术原理技术选型方案权衡ExpressNode.js

考察说明

考查候选人对 Node.js 静态文件服务基本实现方式的理解及权衡能力。

回答思路

  1. 【回答框架 1】在 Node.js 中处理静态文件服务，常见方式有：使用原生 HTTP 模块手动处理、使用 Express 框架的 express.static 中间件、使用第三方静态服务器如 serve-static 或 http-server，以及使用反向代理如 Nginx。
  2. 【回答框架 2】原生方式：通过 fs 模块读取文件，设置正确的 Content-Type 头，处理路径安全性、缓存头（如 ETag、Cache-Control）、Gzip 压缩和范围请求，但需自行实现这些细节，易出错且代码量大。
  3. 【回答框架 3】中间件或框架方式：Express 的 express.static 底层基于 serve-static，内置了文件读取、MIME 类型映射、缓存头、ETag 和条件请求支持，开发效率高，且性能良好，适合大多数场景。
  4. 【回答框架 4】反向代理方式：生产环境常用 Nginx 或 CDN 直接提供静态文件，Node 仅处理动态请求，能有效降低 Node 进程的 I/O 压力，提升并发能力，且 Nginx 对静态文件处理效率更高。
  5. 【回答框架 5】选择依据：若项目很小或需要定制，可选原生或中间件；生产环境通常建议用 Nginx 或 CDN 分离静态资源，Node 负责动态业务。
  6. 【关键点 1】使用 fs 模块读取文件时，需防止路径遍历，必须规范路径解析。
  7. 【关键点 2】正确设置 Content-Type 和缓存头（如 Cache-Control、ETag）能显著提升性能。
  8. 【关键点 3】生产环境推荐使用 Nginx 或 CDN 托管静态文件，Node 只处理动态请求。
  9. 【关键点 4】express.static 是 Express 内置的静态文件中间件，基于 serve-static 实现。
  10. 【易错点 1】不要直接拼接路径读取文件，容易产生路径穿越漏洞。
  11. 【易错点 2】未设置缓存头或缓存策略不当，可能导致浏览器重复请求，影响性能。
  12. 【易错点 3】将静态文件服务完全依赖 Node 处理，在高并发下可能造成 I/O 瓶颈。