链接到 Next.js 中的动态路由

Linking to dynamic routes in Next.js

当我将 next/link 组件用于 link 我的页面时,我最终不得不同时指定 "server side" URL 和查询参数化 URL.

例如 pages/post.js 文件提供的动态 /post/:id 路由:

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

有没有其他方法可以做到这一点?想有动态路由的地方都要记得这样做很麻烦

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

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

更丑

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