Next JS 中的相对路由

Question

我正在使用 Next JS。 目前，我的页面在 url

http://localhost:3000/project/613

现在，我想把页面推送到

http://localhost:3000/project/613/time/123

有什么办法可以像router.push('/time/123')

那样相对推送

而不是输入完整的 URL router.push('project/613/time/123')

Answer 1

是的。只需在第一个添加/：

router.push('/time/123')

Answer 2

而对于更多的选项，如果你不想做数据获取，你可以添加一个浅选项。查看文档：https://nextjs.org/docs/routing/shallow-routing

Answer 3

虽然它与相对路由 不完全 相同，但您可以将 router.asPath 添加到相关部分。

router.push(`${router.asPath}/time/123`)

意味着您不需要明确设置路径的开头。