链接到 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
时更轻松,但是您需要写下你自己的路线。
当我将 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
时更轻松,但是您需要写下你自己的路线。