Express 静态文件

图片,CSS样式文件JavaScript文件以及其他静态文件的服务,是通过Express内置的中间件"express.static"来实现的.

 

"express.static"中间件直接通过识别被标记为静态资源文件夹的名称来提供静态资源服务.例如:如果你将图片,CSS,和JavaScript文件保存在"public"文件夹中,你可以通过如下方式标记静态资源文件夹:

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

 现在,你可以直接从'public'文件夹中加载静态文件:

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

备注:静态文件的路径是相对与被标记的文件夹的,因此,在引用静态文件的路径中不能包含被标记的文件夹名称.

 

如果你想设置多个静态资源文件夹,你可以多次调用'express.static'中间件:

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

 Express会按照设置的顺序加载静态文件.

 

如果你想创建一个虚拟路径(路径在文件系统中不存在)来提供静态资源服务,你可以为静态资源文件夹指定一个路径,如下:

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

 现在,你可以通过前缀"/static"加载位于"public"文件夹中的静态文件.如:

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html