如何创建带主域名后参数的Express路由且不破坏其他路由？

你的核心问题是/:profileAddress作为通配路由会优先匹配所有单段路径，导致其他路由被拦截。以下是几种无需添加具体路由的解决方案：

方案1：调整路由顺序（最优首选） #

Express路由按定义顺序匹配，把/:profileAddress放在所有路由的最后，只有当请求匹配不到任何已定义的具体路由（比如/login、/dashboard）时，才会进入该路由处理。

修改后的代码结构示例：

// 先定义所有其他业务路由
router.get('/login', loginController.getLogin);
router.get('/dashboard', dashboardController.getDashboard);
// ... 其他所有路由

// 最后定义个人资料地址路由
router.get('/:profileAddress', userController.profileAddress);

// 参数处理中间件：只做数据查询，不直接渲染页面
router.param("profileAddress", async (req, res, next, val) => {
  try {
    const account = await Account.findOne({ where: { profileAddress: val } });
    
    if (account) {
      // 查询关联数据并挂载到req对象，交给控制器渲染
      req.account = account;
      req.userData = await Account.findOne({ where: { accountId: account.accountId } });
      req.calendars = await Calenders.findAll({ where: { accountId: account.accountId } });
      req.avatar = await Avatars.findOne({ where: { accountId: account.accountId } });
      return next();
    } else {
      // 无匹配账号，直接流转到下一个处理逻辑（最终到404）
      return next();
    }
  } catch (error) {
    console.log("********** Error ", error);
    next(error); // 把错误交给全局错误处理中间件
  }
});

// 控制器：负责页面渲染
exports.profileAddress = async (req, res, next) => {
  // 若req.account不存在，说明是无效地址，直接流转到404
  if (!req.account) return next();
  
  res.render("user/userProfile", {
    title: "User Profile",
    data: req.calendars,
    userData: req.userData,
    avatar: req.avatar,
  });
};

方案2：用正则表达式限定匹配规则 #

如果你的个人资料地址有固定格式（比如仅含小写字母、数字、短横线），可以通过正则限制路由匹配范围，避免拦截其他路由：

// 匹配仅含小写字母、数字、短横线且长度≥3的路径
router.get(/^\/[a-z0-9-]{3,}$/, async (req, res, next) => {
  const profileAddress = req.path.slice(1); // 去掉路径开头的/
  try {
    const account = await Account.findOne({ where: { profileAddress } });
    
    if (!account) return next();
    
    const userData = await Account.findOne({ where: { accountId: account.accountId } });
    const calendars = await Calenders.findAll({ where: { accountId: account.accountId } });
    const avatar = await Avatars.findOne({ where: { accountId: account.accountId } });
    
    res.render("user/userProfile", {
      title: "User Profile",
      data: calendars,
      userData,
      avatar,
    });
  } catch (error) {
    console.log("********** Error ", error);
    next(error);
  }
});

若需要排除特定关键词（比如admin、login），可以调整正则：

// 排除admin、api、login等关键词的路径
router.get(/^\/(?!admin|api|login)[a-z0-9-]{3,}$/, ...);

方案3：前置中间件检查已有路由 #

通过全局中间件遍历路由栈，判断当前请求路径是否匹配已注册路由，是则直接流转，否则处理个人资料地址逻辑：

// 检查请求路径是否匹配已有路由的中间件
const checkExistingRoutes = (req, res, next) => {
  const path = req.path;
  const isExistingRoute = req.app._router.stack.some(layer => {
    if (layer.route) {
      // 匹配固定路径或正则路径
      return layer.route.path === path || (layer.route.path.test && layer.route.path.test(path));
    }
    return false;
  });
  
  isExistingRoute ? next() : next('route');
};

// 应用中间件
app.use(checkExistingRoutes);

// 定义个人资料地址路由
router.get('/:profileAddress', ...);

总结 #

优先选择方案1，仅调整路由顺序即可解决问题，无额外维护成本，完全符合你的需求。

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