`express.static()` 不断从路由中路由我的文件

Question

在处理快速项目时，我尝试使用express.Router 对象来处理我的应用程序路由。在我的主应用程序文件中，我为我的所有静态文件（css、javascript、html）添加了一个静态路由。

app.js

var express = require('express');
var io = require('socket.io')(app);
var bodyParser = require('body-parser');
var router = require('./include/router');

var app = express();
app.use('/', router);
app.use(express.static(__dirname + '/public'));
app.use(bodyParser.json());

io.on('connection', function(socket) {

});

app.listen(3000);

router.js

var express = require('express');
var path = require('path');

var router = express.Router();

router.get('/', function(req, res) {
  res.sendFile('/html/index.html');
});

module.exports = router;

当我尝试访问 localhost:3000 时，我得到一个显示 Error: ENOENT, stat 'C:\html\index.html' 的 404

此外，当我尝试直接访问静态路由时（http://localhost:300/html/index.html 我相信），但这给了我Cannot GET /html/index.html。

这是我的公用文件夹的树

民众 ├───css ├───hmtl | └────index.html ├───img └────js

我是不是路由错了？我该如何解决？

Answer 1

你必须颠倒你的路由器的顺序

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

表示你的路由器会先被调用，如果没有中间件处理请求，那么express会调用静态文件，所以如果你把静态中间件放在前面，express会先处理静态文件。

也建议先放静态中间件。

对于你的问题，你应该试试这个：

app.use(express.static(__dirname + '/public/html'));
app.use(express.static(__dirname + '/public'));
app.use('/', router);

Express 将首先在 public/html 文件夹中尝试静态文件，然后在其余的（包括 public/html）上尝试静态文件，我更喜欢将 html 文件放在 public 文件夹的根目录或不同的文件夹（例如 public-html，静态html)