如何在不更改 URL 的情况下更改快速路由器路径？

Question

我从一个目录静态地提供我的网站。我有一个用于设置 URL 参数 roomCode 的动态路径。我希望所有到此路径的路由都可以在不更改客户端上的 URL 的情况下为根索引页面提供服务（这样我仍然可以在我的 JavaScript 中使用 roomCode）。

这是我目前拥有的：

// direct rooms to the index page
app.use('/room/:roomCode([A-Z]{4})', (_, res) => {
    res.sendFile(path.join(__dirname, 'dist/index.html'))
})

// serve from the dist build
app.use(express.static(path.join(__dirname, 'dist')))

我不想手动发送dist/index.html文件，我想简单地将路由路径更改为以下中间件的/，让静态服务器发送文件。像这样：

// direct rooms to the index page
app.use('/room/:roomCode([A-Z]{4})', (_, res, next) => {
    req.path = '/'
    next()
})

// serve from the dist build
app.use(express.static(path.join(__dirname, 'dist')))

这样，当到达静态中间件时，它认为路径是 /，因此它将在根目录提供索引页面。

这可能吗？

Answer 1

要重新路由请求，您必须将 req.originalUrl 更改为新路由，然后使用 app._router.handle(req, res, next) 将其发送到路由器处理程序。

// direct rooms to the index page
app.use('/room/:roomCode([A-Z]{4})', (req, res, next) => {
    // this reroutes the request without a redirect
    // so that the clients URL doesn't change
    req.originalUrl = '/'
    app._router.handle(req, res, next)
})

// serve from the dist build
app.use(express.static(path.join(__dirname, 'dist')))

req.originalUrl 的文档有点混乱。它说：

This property is much like req.url; however, it retains the original request URL, allowing you to rewrite req.url freely for internal routing purposes.

这听起来像是如果您更改 req.url，它会改变它的路由方式。然而，事实并非如此。它确实允许您更改它，然后在后面的中间件中手动检查它。但是中间件还是会按照原来的URL调用。因此，我们需要覆盖原来的URL，通过路由器发回

如何在不更改 URL 的情况下更改快速路由器路径？

How to change express router path without changing URL?

express

express-router