快速静态目录如何与 404 路由配合使用？

Question

我有一些代码如下所示：

app.configure(function() {
   app.set("views", __dirname + "/views");
   app.set("view engine", "ejs");
   app.use(express.bodyParser());
   app.use(express.methodOverride());
   app.use(express.logger()); 
   app.use(app.router);
   app.use(express.static(__dirname + "/public"));
});

//Routes
app.get("/", function(req, res) {
    res.render("index.ejs", {locals: {
      title: "Welcome"
    }});
});

//Handle 404
app.get("/*", function(req, res, next) {
    next("Could not find page");
});

我遇到的问题是我无法访问 /public 静态目录中的任何内容：所有内容都被 404 路由捕获。我是否遗漏了一些关于它应该如何工作的信息？

Answer 1

你正在做的

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

事情你想要做的是，

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

因为你在 app.router 中有一个捕获所有路由，所以它必须比其他任何东西都低。否则，catch all 路由确实会捕获所有内容，而中间件的其余部分将被忽略。

顺便说一句，所有这样的路线都很糟糕。

Answer 2

更好的解决方案是将以下代码放在对 app.use 的所有调用之后：

app.use(function(req, res) {
    res.send(404, 'Page not found');
});

或类似的函数。

执行此操作而不是使用 app.get("/*", ...

Answer 3

我的做法略有不同。如果您查看静态文件服务器的中间件代码，它允许调用一个出现错误的回调函数。唯一的问题是您需要响应对象将有用的内容发送回服务器。所以我执行以下操作：

var errMsgs = { "404": "Dang that file is missing" };
app.use(function(req, res, next){
    express.static.send(req, res, next, {
        root: __dirname + "/public",
        path: req.url,
        getOnly: true,
        callback: function(err) {
            console.log(err);
            var code = err.status || 404,
                msg = errMsgs["" + code] || "All is not right in the world";
            res.render("error", { code: code, msg: msg, layout: false});
        }
    });
});

基本上，如果出现错误，它会呈现我漂亮的错误页面并记录一些内容，以便我可以在某个地方进行调试。