2.3 托管静态文件 🎉

使用 Express 中的 express.static 内置中间件函数，可以托管诸如图像、CSS 文件和 JavaScript 文件之类的静态文件。

设置静态资源根目录，例如，通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript 文件对外开放访问了：

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

提示

Express 在静态目录查找文件，因此，存放静态文件的目录名不会出现在 URL 中

使用多个静态资源目录，请多次调用 express.static 中间件函数

app.use(express.static('./public'))
app.use(express.static('./files'))

提示

访问静态资源文件时，express.static 中间件函数会根据目录的添加顺序查找所需的文件。

带有虚拟路径的前缀访问文件

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

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

app.use(express.static('./public1'))
// 假设public1文件夹下有一个index.txt文件，直接访问 http://localhost:3030/index.txt

app.use('/static', express.static('./public2'))
// 假设public2文件夹下有一个aaa.txt文件，直接访问 http://localhost:3030/static/aaa.txt

// 监听端口
app.listen(3030, function () {
    console.log('服务器正在监听3030端口')
})