【问题标题】:Handling DynamicRouting处理动态路由
【发布时间】:2022-10-21 00:19:25
【问题描述】:

在使用 next.js 中的 [文件夹] 时,我在使用 next/link 时遇到了挑战 enter image description here

以上是我的页面树。用户应该被发送到路由 .types/[type] ,类型是用户选择的产品的动态名称。这实际上有效。在上面的那个页面上,用户可以通过导航到 ./this 页面来获取该特定产品的详细信息,可以通过导航到 ./edit 来编辑产品详细信息,index.js 将显示对该产品的订单,而 ./ [预订] 将显示为该产品所做的订单的详细信息。问题是。用户单击下面的链接以浏览产品的那一刻; enter image description here

再次单击相同的链接后,它们将更改为“http://localhost:3000/types/[types]/mytype/this”,包括链接中的“[type]”,使其出错,在那里被粉碎这页纸 有没有人有解决方案??请

【问题讨论】:

  • /types/[types]/mytype/this 在您的文件夹结构中不存在。您的意思是改为发送给用户/types/[types]/this 吗?
  • 确切地说,是的,我打算将用户发送到 /types/[type]/this。当用户转到路径时,这实际上效果很好,但是在返回到它们最初的位置时,例如:/types/[type]/edit,链接将改为更改为 /types/[type]/[type] /编辑。意思是,“[type]”自动将自己添加到路径中
  • 在链接中使用完整路径,而不是相对路径。
  • @juliomalves,非常感谢,这有效。作为一个询问,为什么那里的亲戚不工作?我只是想明白。如果我有任何其他疑问,我可以随时标记你吗?
  • 因为相对链接是相对的,所以它们取决于您所在的页面。建议始终使用完整路径。

标签: next.js nextjs-dynamic-routing next-link


【解决方案1】:

Julio 是正确的,您需要使用完整路径。我正在开发的一个网站给我带来了很多动态路由问题。最终,这就是我的路径最终的样子:

const ROUTE_CNC_PARTS = '/CNCParts/[id]'
const ROUTE_CNC_CONFIGS = '/CNCParts/[id]/[config]'

【讨论】:

    猜你喜欢
    • 2016-06-08
    • 2013-07-18
    • 2012-04-16
    • 2020-05-04
    • 2014-02-18
    • 2017-10-30
    • 2016-02-05
    • 1970-01-01
    • 2020-10-04
    相关资源
    最近更新 更多