Express-js 通配符路由覆盖路径下的所有内容，包括路径

Question

我试图让一条路线覆盖/foo 下的所有内容，包括/foo 本身。我试过使用/foo*，它适用于所有除了它不匹配/foo。观察：

var express = require("express"),
    app = express.createServer();

app.get("/foo*", function(req, res, next){
  res.write("Foo*\n");
  next();
});

app.get("/foo", function(req, res){
  res.end("Foo\n");
});

app.get("/foo/bar", function(req, res){
  res.end("Foo Bar\n");
});

app.listen(3000);

输出：

$ curl localhost:3000/foo
Foo
$ curl localhost:3000/foo/bar
Foo*
Foo Bar

我有哪些选择？我想出的最好的方法是路由/fo*，这当然不是很理想，因为它会匹配太多。

Answer 1

对于正在学习node/express的人（就像我一样）：尽可能不要使用通配符路由！

我还想使用通配符路由实现 GET /users/:id/whatever 的路由。我就是这样过来的。

更多信息：https://blog.praveen.science/wildcard-routing-is-an-anti-pattern/

Answer 2

没有必要有两条路线。

只需在 path 字符串的末尾添加 (/*)?。

例如，app.get('/hello/world(/*)?' /* ... */)

这是一个完整的示例，您可以随意将其复制并粘贴到 .js 文件中以使用 node 运行，并在浏览器（或 curl）中使用它：

const app = require('express')()

// will be able to match all of the following
const test1 = 'http://localhost:3000/hello/world'
const test2 = 'http://localhost:3000/hello/world/'
const test3 = 'http://localhost:3000/hello/world/with/more/stuff'

// but fail at this one
const failTest = 'http://localhost:3000/foo/world'

app.get('/hello/world(/*)?', (req, res) => res.send(`
    This will match at example endpoints: <br><br>
    <pre><a href="${test1}">${test1}</a></pre>
    <pre><a href="${test2}">${test2}</a></pre>
    <pre><a href="${test3}">${test3}</a></pre>

    <br><br> Will NOT match at: <pre><a href="${failTest}">${failTest}</a></pre>
`))

app.listen(3000, () => console.log('Check this out in a browser at http://localhost:3000/hello/world!'))

Answer 3

我认为你必须有 2 条路线。如果您查看连接路由器的第 331 行，路径中的 * 将替换为 .+，因此将匹配 1 个或多个字符。

https://github.com/senchalabs/connect/blob/master/lib/middleware/router.js

如果您有 2 条路线执行相同的操作，您可以执行以下操作以保留它DRY。

var express = require("express"),
    app = express.createServer();

function fooRoute(req, res, next) {
  res.end("Foo Route\n");
}

app.get("/foo*", fooRoute);
app.get("/foo", fooRoute);

app.listen(3000);

Answer 4

在数组中你也可以使用传递给 req.params 的变量：

app.get(["/:foo", "/:foo/:bar"], /* function */);

Answer 5

connect 路由器现已被移除 (https://github.com/senchalabs/connect/issues/262)，作者指出您应该在 connect 之上使用框架（如 Express）进行路由。

将currently treatsapp.get("/foo*") 表达为app.get(/\/foo(.*)/)，不再需要两条单独的路线。这与之前的答案（指现在删除的连接路由器）形成对比，后者指出“路径中的* 替换为.+”。

更新： Express 现在使用“path-to-regexp”模块（自 Express 4.0.0 起），该模块在当前引用的版本中维护 the same behavior。我不清楚该模块的最新版本是否保留了这种行为，但目前这个答案是有效的。