Next JS 中的相对路由答案

【问题标题】：Relative Routing in Next JSNext JS 中的相对路由
【发布时间】：2021-11-04 03:25:22
【问题描述】：

我正在使用 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')

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

router.push('/time/123')

【讨论】：

【解决方案3】：

对于更多选项，如果您不想进行数据提取，您可以添加一个 shallow 选项。查看文档：https://nextjs.org/docs/routing/shallow-routing

【讨论】：