Node.js Express捕获URL路径参数后的所有可选参数问题

要实现捕获/link/:id之后的所有内容（包括多级路径片段和查询参数），你需要调整路由规则并组合路径与查询参数：

1. 修改路由规则 #

使用Express的通配符路由（*）来匹配:id之后的所有路径层级，替代原来的单级可选参数：

// 两种写法任选其一：
// 写法1：匿名通配符，路径部分存于req.params[0]
router.get("/link/:id/*", getLinkAndParams);

// 写法2：命名通配符，路径部分存于req.params.rest
router.get("/link/:id/:rest*", getLinkAndParams);

原来的/link/:id/:rest?只能匹配单个路径段（比如/XYZ/abc），无法处理多级路径（如/XYZ/abc/def），这就是导致404的原因。而通配符*会贪婪匹配:id之后的所有路径内容。

2. 组合路径与查询参数 #

通配符仅捕获路径部分，查询参数需要单独提取并拼接。在处理函数中完成组合：

exports.getLinkAndParams = async (req, res) => {
  const id = req.params.id;
  // 获取通配符匹配的路径部分（两种写法对应不同的获取方式）
  const pathRest = req.params[0] || req.params.rest; 
  // 将查询参数转为URL格式的字符串
  const queryString = new URLSearchParams(req.query).toString();

  let rest = "";
  // 拼接路径部分（如果存在）
  if (pathRest) {
    rest += pathRest;
  }
  // 拼接查询参数（如果存在）
  if (queryString) {
    rest += `?${queryString}`;
  }

  // 后续业务逻辑...
  console.log(`id: ${id}, rest: ${rest}`);
  // 示例输出：id: XYZ, rest: abc/def?access_token=nQevH_hZSjs3qdOoLNnAIITwqd3lCdkq&expires_in=7200&token_type=Bearer
};

关键说明 #

• 通配符*会匹配/link/:id之后的所有路径内容（不含开头的/），比如对于/link/XYZ/abc/def，会捕获到abc/def。
• 查询参数通过req.query获取，使用URLSearchParams可以自动处理参数的编码与拼接，避免手动拼接出错。

内容的提问来源于stack exchange，提问作者xpt