静态资源

express.static 是 Express 唯一内置的中间件。它基于 serve-static,负责在 Express 应用中提托管静态资源。

const express = require('express')
const app = express();
app.use(express.static('public'))

比如在站点根目录下存在一个名叫 /public/logo.png的文件

要访问之只需要输入 http://localhost:8081/logo.png 即可

挂载到虚拟路径

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

此时访问 /public/logo.png文件,则输入http://localhost:8081/static/logo.png

多个资源目录设置

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

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

express-static

也可以使用第三方库 express-static 构建静态资源目录。

安装

$ npm install express-static --save

使用

const express = require('express')
const expressStatic = require('express-static')
const app = express()
app.use(expressStatic('./www'))
app.listen(8088)

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress