摘月亮的小船儿

切换模式

静态资源访问 ​

创建静态资源目录 ​

首先，在你的项目中创建一个目录来存放静态资源。例如，你可以创建一个名为 public 的目录。

使用 express.static 中间件 ​

Express 提供了一个 express.static 中间件，用于提供静态文件服务。以下是如何使用这个中间件：

js
const express = require('express');
const app = express();

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

app.listen(3000, () => {
  console.log('Server running on port 3000');
});
const express = require('express');
const app = express();

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

app.listen(3000, () => {
  console.log('Server running on port 3000');
});

托管多个静态资源目录 ​

如果你需要托管多个静态资源目录，可以多次调用 express.static 方法：

js
const express = require('express');
const app = express();

// 托管多个静态资源目录
app.use(express.static('public'));
app.use(express.static('files'));

app.listen(3000, () => {
  console.log('Server running on port 3000');
});
const express = require('express');
const app = express();

// 托管多个静态资源目录
app.use(express.static('public'));
app.use(express.static('files'));

app.listen(3000, () => {
  console.log('Server running on port 3000');
});

在这个例子中，Express 会先在 public 目录中查找文件，如果找不到，再在 files 目录中查找。

挂载路径前缀 ​

有时你可能希望在静态资源的访问路径前添加一个前缀。你可以这样做：

js
const express = require('express');
const app = express();

// 挂载路径前缀
app.use('/static', express.static('public'));

app.listen(3000, () => {
  console.log('Server running on port 3000');
});
const express = require('express');
const app = express();

// 挂载路径前缀
app.use('/static', express.static('public'));

app.listen(3000, () => {
  console.log('Server running on port 3000');
});

在这个例子中，所有静态资源都可以通过 /static 路径前缀访问。例如，/public/image.png 可以通过 /static/image.png 访问。