Express.js 是一个流行的 Node.js Web 应用程序框架，它提供了许多有用的功能，包括路由、中间件、模板引擎等。在本文中，我们将学习如何使用 Express.js 创建一个静态文件服务器，以便我们可以轻松地为我们的 Web 应用程序提供静态文件。
什么是静态文件？
在 Web 开发中，静态文件是指服务器上的文件，如 HTML、CSS、JavaScript 和图像等，它们不会在服务器上动态生成。相反，它们只是简单地被发送到客户端浏览器以供显示或执行。这些文件通常存储在服务器的文件系统中，而不是存储在数据库中。
为什么需要静态文件服务器？
在许多 Web 应用程序中，我们需要在客户端浏览器中加载静态文件，例如 CSS、JavaScript 和图像等。这些文件需要从服务器上获取，并在客户端浏览器中显示或执行。如果我们不使用静态文件服务器，我们需要手动处理这些文件，将它们放置在正确的位置并设置正确的路径。这样做非常麻烦，而且容易出错。因此，使用静态文件服务器可以使我们更轻松地管理静态文件，并避免手动处理它们的麻烦和错误。
如何在 Express.js 中创建静态文件服务器？
在 Express.js 中创建静态文件服务器非常简单。我们只需要使用 express.static 中间件即可。该中间件会自动为我们提供静态文件服务，并将静态文件映射到指定的目录。
以下是一个示例代码，演示如何在 Express.js 中创建静态文件服务器：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- -- - ------ ----------- ---------------------------------- -- -- ---------- --- ---------------- -- -- - ----------------------- ----------- ------- ---展开代码
在这个示例中，我们将 public 目录映射为静态文件服务。这意味着我们可以在客户端浏览器中加载该目录下的任何文件，例如 public/index.html、public/style.css 和 public/main.js 等。
如何访问静态文件？
一旦我们在 Express.js 中创建了静态文件服务器，我们就可以在客户端浏览器中访问静态文件了。假设我们的服务器运行在 http://localhost:3000 上，我们可以使用以下 URL 访问静态文件：
http://localhost:3000/index.html：访问public/index.html文件。http://localhost:3000/style.css：访问public/style.css文件。http://localhost:3000/main.js：访问public/main.js文件。
结论
在本文中，我们学习了如何在 Express.js 中创建静态文件服务器。我们了解了什么是静态文件以及为什么需要静态文件服务器。我们还演示了如何使用 express.static 中间件来创建一个简单的静态文件服务器，并访问静态文件。希望这篇文章对你有所帮助，如果你有任何问题或建议，请在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677bb2535c5a933a3429ebeb
