Express.js 是一个流行的 Node.js Web 应用程序框架。在开发 Web 应用程序时，经常需要使用静态文件，如图片、CSS 和 JavaScript 等。为了提高性能，最好将这些文件从动态路由中分离出来，这可以通过设置静态文件目录来实现。
为什么需要设置静态文件目录？
当浏览器请求一个动态内容的 Web 页面时，服务器会生成 HTML、CSS 和 JavaScript 等，然后将它们发送回浏览器。但是，如果 Web 页面中有许多静态文件，如图片、CSS 和 JavaScript 等，服务器将不得不再次处理这些文件的请求。这将在一定程度上降低应用程序的性能，因为处理大量静态文件的请求需要消耗大量的 CPU 和内存资源。
为了解决这个问题，可以将静态文件从动态路由中分离出来，并将它们存储在一个经过优化的静态文件目录中。这样做可以提高应用程序的性能，因为服务器不再需要处理这些文件的请求，而是直接将它们发送回浏览器。
如何设置静态文件目录？
在 Express.js 中，可以使用 express.static 函数来设置静态文件目录。这个函数将返回一个 Express 中间件函数，用于处理静态文件请求。以下是一个示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- -- -------- ---------------------------------- ---------------- -- -- - ------------------- ------- -- ------------------------ ---
在上面的示例中，express.static 函数接受一个参数，即要设置为静态文件目录的路径。在这个示例中，我们将 public 目录设置为静态文件目录。这表示 Express 将从 public 目录中提供静态文件，如图片、CSS 和 JavaScript 等。
现在，我们可以在 public 目录中创建一个名为 index.html 的文件，并通过浏览器访问 http://localhost:3000/index.html 来查看这个页面。Express 将自动从 public 目录中提供这个文件。
如何设置多个静态文件目录？
在某些情况下，可能需要将静态文件存储在多个目录中。例如，如果您的应用程序具有多个模块或组件，则可以将每个模块或组件的静态文件存储在单独的目录中。
在 Express.js 中，可以使用多次 express.static 函数来设置多个静态文件目录。以下是一个示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- -- ---------- ----------------------------------- ----------------------------------- ---------------- -- -- - ------------------- ------- -- ------------------------ ---
在上面的示例中，我们使用了两次 express.static 函数，将 public1 目录和 public2 目录都设置为静态文件目录。这表示 Express 将从这两个目录中提供静态文件，如图片、CSS 和 JavaScript 等。
总结
通过将静态文件从动态路由中分离出来，可以提高应用程序的性能。在 Express.js 中，可以使用 express.static 函数来设置静态文件目录。这个函数将返回一个 Express 中间件函数，用于处理静态文件请求。
要设置多个静态文件目录，请使用多次 express.static 函数。这将使 Express 从多个目录中提供静态文件，从而更好地组织您的应用程序结构。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9fe465ad90b6d0418ed5c