访问 Express.js 中的静态资源

如何在 Express.js 中访问静态资源

Express.js 框架提供了一种简单的方法来访问静态资源，如 HTML 文件、CSS 文件和 JavaScript 文件。这对于开发网站或提供静态内容非常有用。

入门案例

要访问 Express.js 中的静态资源，可以使用 express.static 中间件。该中间件将指定目录指定为静态目录，其中包含要访问的文件。

const express = require('express');

const app = express();

// 指定静态资源目录
app.use(express.static('public'));

现在，可以访问 public 目录中的文件，URL 路径为 /public/<文件路径>。例如，如果 public 目录中有一个名为 index.html 的文件，则可以通过访问 /public/index.html 访问该文件。

设置多个静态资源目录

有时，您可能希望从多个目录提供静态资源。您可以通过调用多次 express.static 中间件来实现这一点。

const express = require('express');

const app = express();

// 设置多个静态资源目录
app.use(express.static('public'));
app.use(express.static('assets'));

这将允许您从 public 和 assets 目录访问静态资源。

虚拟路径的使用

在某些情况下，您可能希望使用虚拟路径来访问静态资源。这可以通过在 express.static 中间件中指定一个挂载路径来实现。

const express = require('express');

const app = express();

// 使用虚拟路径访问静态资源
app.use('/static', express.static('public'));

现在，您可以通过访问 /static/<文件路径> 访问 public 目录中的文件。例如，如果 public 目录中有一个名为 index.html 的文件，则可以通过访问 /static/index.html 访问该文件。

自定义中间件

如果您需要更多自定义控制，可以使用自定义中间件来访问静态资源。自定义中间件允许您定义自己的逻辑来处理静态文件请求。

const express = require('express');

const app = express();

// 自定义中间件
app.use((req, res, next) => {
  // 您的自定义逻辑处理静态文件请求
  // ...

  next();
});

自定义中间件为您提供了完全控制静态文件请求处理过程。您可以执行身份验证、日志记录或任何其他所需的自定义操作。

结论

使用 Express.js 访问静态资源非常简单且强大。通过理解 express.static 中间件及其选项，您可以轻松地向您的应用程序添加静态文件服务。