为什么express静态化后无法访问app目录里面的图片？

Question

服务端的代码如下：

var express = require("express")
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

// 静态化app文件夹
app.get('/', express.static(__dirname + '/app'));

io.on('connection', function(socket){
    var session = socket.id;
    console.log('a user connected ' + session);
    io.emit("id",session);
});

http.listen(3000, function(){
  console.log('listening on *:3000');
});

index关键代码如下:

<img src="code.png">

app目录下有index.html和code.png,输入127.0.0.1:3000可以访问到index,但是读取不到code.png,这是为什么呢?

Answer 1

因为你只是匹配了'/'路径的get请求，虽然这个写法也挺。。奇怪的。

app.get('/*', express.static(__dirname + '/app'));

以上写法已经能够满足你的要求。

Answer 2

express中内置的static方法用来托管静态文件，有两种用法

1. 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

1. app.use('static',express.static('public'));
   将public映射到static上

例：

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