Next JS 中的相对路由

Posted 2023-02-22

【中文标题】Next JS 中的相对路由

【英文标题】：Relative Routing in Next 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