Express 静态资源存放

如何在 express 中提供对外可以访问的静态资源？只要利用expres.static这个中间件就可以了。

例如，通过如下代码就可以将 static 目录下的图片、CSS 文件、JavaScript 文件对外开放访问了。

app.use(express.static('static'));

现在可以访问 static 目录中的所有文件了。

http://localhost:3000/123.jpg

如果要使用多个静态资源目录，请多次调用 express.static 中间件函数。访问静态资源文件时，express.static 中间件函数会根据目录的添加顺序查找所需的文件。

app.use(express.static('static'));
app.use(express.static('files'));

如果我们想每次访问资源时在前面加个路径（该路径在文件系统中并非真实存在）。

app.use('/public', express.static('static'));

现在可以通过带有 /public 前缀地址来访问 public 目录中的文件了。

http://localhost:3000/public/123.jpg

还有一点要注意，我们向 expres.static 提供的路径是相对于我们 node 启动进程的目录，如果想要从其他目录运行 express 程序，使用绝对路径更安全。

const path = require('node:path');
app.use(express.static(path.join(__dirname, 'static')));