在 Next.js 中链接到动态路由答案

【问题标题】：Linking to dynamic routes in Next.js在 Next.js 中链接到动态路由
【发布时间】：2023-03-23 22:02:01
【问题描述】：

当我使用 next/link 组件将我的页面链接在一起时，我最终不得不同时指定“服务器端”URL 和查询参数化 URL。

一个示例可能是由pages/post.js 文件提供服务的动态/post/:id 路由：

<Link href="/post?id=2" as="/post/2"><a>Go to post number 2</a></Link>

有没有其他方法可以做到这一点？记住在我想要动态路线的任何地方都这样做很麻烦。

【问题讨论】：

【解决方案1】：

href 始终是必需的，因为它指向将负责呈现内容的page。但是 as 属性是可选的，它仅用于“美化”向用户显示的 URL。

想象一下你登陆一个网站，你看到 www.mysite.com/post?id=121，看起来比 /post/2 更丑。

这仍然很麻烦，因此有一些不错的库可以使这更容易，最流行的 AFAIK 是https://www.npmjs.com/package/next-routes，这个包使您在使用Link 时生活更轻松，但是您需要写下自己的路线.

【讨论】：