Express路由模块化重构后父路由参数丢失问题求助

问题结论 #

这种父路由参数在子路由模块中无法获取的情况是正常行为。Express的子路由模块（express.Router实例）默认只会解析自身定义的路径参数，不会自动继承父路由挂载时携带的路径参数。

解决方法 #

1. 使用mergeParams: true配置子路由 #

这是最直接且推荐的方案，在创建子路由时开启mergeParams选项，让子路由继承父路由的参数：

在fed.ts中：

import express from 'express';
// 创建Router时添加mergeParams配置
const fedRoutes = express.Router({ mergeParams: true });

fedRoutes.post('/:fed_id', (req, res) => {
  // 此时可以正常获取foc_id和fed_id
  console.log(req.params.foc_id); 
  console.log(req.params.fed_id);
  res.send('Success');
});

export default fedRoutes;

在index.ts中保持原挂载方式不变：

import express from 'express';
import focRoutes from './foc';
import fedRoutes from './fed';

const app = express();

app.use('/foc', focRoutes);
// 挂载/foc/:foc_id/fed到fedRoutes
app.use('/foc/:foc_id/fed', fedRoutes);

app.listen(3000, () => console.log('Server running'));

2. 调整路由挂载结构（备选） #

如果不想使用mergeParams，可以将父路由的参数移到子路由的路径定义中，例如在fed.ts中定义路径为/:foc_id/fed/:fed_id，然后在index.ts中挂载到/foc路径。不过这种方式可能会打破你原本的路由拆分逻辑，仅作为备选方案。

3. 中间件手动传递参数（不推荐） #

在父路由的中间件中将foc_id存入req.locals或自定义属性中，再传递给子路由：

// index.ts中修改挂载逻辑
app.use('/foc/:foc_id/fed', (req, res, next) => {
  req.locals.foc_id = req.params.foc_id;
  next();
}, fedRoutes);

然后在fed.ts的接口中通过req.locals.foc_id获取参数，但这种方式不如mergeParams简洁直观。

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