【问题标题】: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')

【问题讨论】:

    标签: reactjs routes next.js


    【解决方案1】:

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

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

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

    【讨论】:

      【解决方案2】:

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

      router.push('/time/123')
      

      【讨论】:

      • 它似乎对我不起作用。已经和你说的一样了
      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 2019-02-07
        • 2019-02-05
        • 1970-01-01
        • 2021-01-23
        • 1970-01-01
        • 2019-11-14
        • 2020-11-21
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多