静态文件

静态文件

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），结果如下图所示：