问题标签 [next-link]

我正在使用 Next.js 构建 LMS。到目前为止，我的项目结构是localhost/courses/1. 每门课程将有 7 页。仪表板、作业、TestAndQuizzes、成绩簿、资源、公告和名册。我已经准备好所有组件和页面。因此，如果我手动转到localhost/courses/1/assignmentsorlocalhost/courses/1323/roster等​​，则可以正常工作。

我想要做的是：当我点击作业链接时，我需要转到该特定课程的作业页面 - 类似于localhost/courses/1/assignments. 目前，我已将 URL 硬编码为，/courses/1/[page]因此如果我单击 assignments 它将转到，localhost/courses/1/assignment或者如果我单击 roster 它将转到localhost/courses/1/roster.

如何使该路线动态化，以便当用户单击课程中的一个选项卡时，它会将他们带到该特定课程的该页面？

我抬头看了看next/link，next/router但我仍然无法做到这一点。有什么帮助吗？

编辑：这是我的文件夹结构：

就像我上面说的，现在我已经使用链接来发送某人到/courses/1/assignment例如。

如果您想查看它托管在My app的网站。

我的 Next.js 网站上有<Link>一个特定页面。单击它后，我希望网页在重定向到目标页面后重新加载（无论是在重定向之前还是之后重新加载都不重要）。我也尝试过使用router.push，但没有发生硬刷新。任何帮助，将不胜感激。

我遇到了 Next/Link 组件的问题。当用户到达产品详细信息页面时，会出现我的问题。在主页中，我有 3 个链接组件将用户带到 domain.com/headphones || domain.com/耳机 || domain.com/speakers。现在，在这些页面中，用户可以查看所需的产品，从而将他们引导至动态产品详细信息页面。在产品详细信息页面中，我有来自主页的确切 3 个链接组件，它们最初将用户带到 /headphones || /耳机 || /扬声器。这就是错误发挥作用的地方。该网址连接并引导我进入 404 页面。

如果用户位于 domain.com/speakers/productId 并单击例如耳机链接组件，则 url 现在变为 domain.com/speakers/headphones.. 当它真的应该将用户带回 domain.com/headphones ..

我尝试在链接组件以及 router.push 中使用 replace 道具

非常感谢任何提示

我有超过 5 个类别，其中包含不同的产品。所以在我的 pages 文件夹中，我有一个名为 [...slug].js 的文件。所有这些 URL 都有不同的名称；

对于 Ex，这些是我的 URL；

• /电话
• /笔记本电脑
• /电视

..我想在这些链接处于活动状态时向它们添加类名，以便我可以在它们上添加一些样式。

但是，当我导航到这些链接时检查 router.pathname 时，URL 显示为 /[...slug]。有没有其他方法可以获取 NextJS 上动态 URL 的实际 URL 名称

我有下一个 js web，它有一些链接可以在页脚上重定向，所以如果我点击那个链接，它首先会被重定向到那个页面，向下滚动（当前位置），然后向上滚动我不想向上滚动，默认情况下，它应该在页面顶部，任何建议都将不胜感激

下面粘贴的是我在 nextjs 中使用指向本地路由的链接时收到的节点：缓冲区错误。有谁知道如何解决这个问题？

我看到了：https ://github.com/vercel/next.js/discussions/33982

谢谢！

节点：缓冲区模块构建失败：UnhandledSchemeError：插件不处理从“节点：缓冲区”读取（未处理方案）。Webpack 默认支持 "data:" 和 "file:" URI。您可能需要一个额外的插件来处理“node:”URI。

我在使用 next.js 中的 [文件夹] 时使用 next/link 时遇到了挑战 在此处 输入图像描述

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

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

我有一个Link：

StyledLink我的styled.a元素在哪里，并onClick传递刚刚单击的数字。我发现如果你想使用<Link/>+styled-components你需要使用passHref. 但问题是即使我指定shallow了，页面仍然在刷新。我只想通过 url 更改和触发回调。我做错什么了？