静态资源处理 Public

利用 Express 托管静态文件

为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件，请使用 Express 中的 express.static 内置中间件函数。 此函数特征如下：

express.static(root, [options])

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

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

这样我们就可以访问 public 目录中的所有文件了如：

TIP

http://localhost:3000/images/logo.pnghttp://localhost:3000/css/style.csshttp://localhost:3000/js/app.js

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

// public2 静态文件目录
app.use(express.static('public2'))

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

const path = require('path')
app.use('/static', express.static(path.join(__dirname, 'public')))