静态文件
Express提供了内置的中间件express.static来设置静态文件如:图片,CSS, JavaScript等。
你可以使用express.static中间件来设置静态文件路径。例如,如果你将图片, CSS, JavaScript文件放在public目录下,你可以这么写:
app.use(express.static('public'));
我们可以到public/images目录下放些图片,如下所示:
node_modules
server.js
public/
public/images
public/images/logo.png
让我们再修改下"Hello Word"应用添加处理静态文件的功能。
创建express_demo3.js文件,代码如下所示:
var express = require('express');
var app = express();
app.use(express.static('public'));
app.get('/', function (req, res) {
res.send('Hello World');
})
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例,访问地址为 http://%s:%s", host, port)
})
执行以上代码:
$ node express_demo3.js
应用实例,访问地址为 http://0.0.0.0:8081
执行以上代码:
在浏览器中访问 http://127.0.0.1:8081/images/logo.png(本实例采用了jsrun教程的logo),结果如下图所示: