【发布时间】: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