Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，它使得 JavaScript 可以在服务器端运行。Express.js 是一个基于 Node.js 平台的 Web 开发框架，它提供了一系列功能强大的特性，简化了 Web 应用程序的开发过程。
在本文中，我们将介绍如何在 Node.js 和 Express.js 中创建和使用静态资源。
创建静态资源
静态资源是指不需要在服务器端进行处理的文件，包括 HTML、CSS、JavaScript、图片等。在 Express.js 中，我们可以使用 express.static 中间件来处理静态资源。
首先，我们需要在项目中创建一个名为 public 的文件夹，用于存放静态资源文件。然后，在 Express.js 中添加以下代码：
app.use(express.static('public'))这样，我们就可以在浏览器中访问 public 文件夹下的所有文件了。例如，如果我们在 public 文件夹下创建了一个名为 index.html 的文件，我们可以在浏览器中通过访问 http://localhost:3000/index.html 来访问它。
使用静态资源
在 Express.js 中，我们可以在 HTML 文件中通过相对路径来引用静态资源。例如，如果我们在 public 文件夹下创建了一个名为 style.css 的文件，我们可以在 HTML 文件中添加以下代码来引用它：
<link rel="stylesheet" href="style.css">
如果我们需要引用图片，可以使用以下代码：
<img src="image.jpg" alt="图片">
需要注意的是，如果我们在 HTML 文件中使用绝对路径来引用静态资源，那么在服务器端处理请求时，会将绝对路径解析为相对于服务器根目录的路径。因此，我们应该尽量使用相对路径来引用静态资源。
示例代码
下面是一个完整的示例代码，用于创建和使用静态资源：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- -- --------- --------------------------------- -- ---- ------------ ----- ---- -- - ---------------------- - --------------------- -- -- ---- ---------------- -- -- - ------------------- ------- -- ---- ------ --
在这个示例代码中，我们将 public 文件夹设置为静态资源文件夹，并在路由处理中返回 index.html 文件。当我们在浏览器中访问 http://localhost:3000 时，就可以看到 index.html 文件的内容了。
总结
在 Node.js 和 Express.js 中创建和使用静态资源非常简单，只需要使用 express.static 中间件来处理静态资源，并在 HTML 文件中使用相对路径来引用静态资源即可。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65051be495b1f8cacd1a2900