如何在不修改客户端URL的前提下复用Express静态服务处理动态路由？

你这种思路的核心逻辑是成立的，但按照你给出的示例写法完全跑不通，主要存在两个关键问题，调整后就能达到预期效果。

• 基础语法疏漏：你写的中间件函数签名是(_, res, next)，只声明了res和next两个形参，没有把req引入函数作用域，函数体内直接写req.path = '/'会直接抛出引用错误，根本无法正常执行。
• 核心逻辑偏差：Express的静态托管功能底层基于serve-static实现，它定位静态资源文件时，读取的是req.url属性，完全不会读取req.path。而req.path本质是Express路由层基于req.url解析出来的派生只读属性，你手动修改req.path既不会同步req.url的值，对下游静态中间件的文件查找逻辑也没有任何影响。最终静态中间件还是会拿着原始的/room/XXXX路径去匹配文件，找不到就返回404。

想要让静态中间件按照根路径规则返回index.html，不需要修改req.path，直接把req.url改写为'/'即可——所有下游中间件的路径判断逻辑都是基于req.url实现的。
参考代码如下：

// 匹配符合4位大写字母规则的room路径
app.use('/room/:roomCode([A-Z]{4})', (req, res, next) => {
    // 重写请求路径为根路径
    req.url = '/'
    next()
})

// 正常托管dist构建目录的静态资源
app.use(express.static(path.join(__dirname, 'dist')))

配置完成后，当用户访问/room/ABCD时，整个请求流转过程为：

• 路由层匹配到符合规则的room路径，进入自定义中间件
• 中间件将当前请求的req.url改写为/，调用next()继续向后传递请求
• 请求走到静态托管中间件，按照新的req.url值在dist目录下查找资源，最终返回根目录的index.html
• 全程不会触发任何重定向，客户端地址栏的URL完全保持原始的/room/XXXX不变，前端依然可以从当前URL中解析出roomCode参数，和你手动调用res.sendFile的效果完全一致。这种写法还能复用静态中间件内置的缓存控制、MIME类型识别、文件异常处理逻辑，不需要手动维护文件路径的拼接规则。

一定要把这个自定义路由写在express.static中间件的前面，不然静态中间件会优先拿到/room/XXXX的请求，因为dist目录下没有对应子路径的文件，会直接返回404，根本走不到自定义的路径重写逻辑。

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