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

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

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

如果您有 2 个执行相同操作的路由，您可以执行以下操作来保留它 干。

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 2

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

Express 当前处理 app.get("/foo*") 为 app.get(/\/foo(.*)/)，删除需要两条单独的路线。这与之前的答案（指现已删除的连接路由器）形成对比，后者指出路径中的“* 被替换为 .+”。

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

Answer 3

没有必要有两条路线。

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

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

这是一个完整的示例，请随意将其复制并粘贴到 .js 文件中以与节点一起运行，并在浏览器（或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 4

在数组中，您还可以使用传递给 req.params 的变量：

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

Answer 5

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

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

更多信息：https://blog.praveen.science/wildcard-路由是一种反模式/