当我使用该next/link组件将我的页面链接在一起时,我最终不得不同时指定“服务器端”URL 和查询参数化 URL。
一个例子可能/post/:id是由pages/post.js文件提供的动态路由:
<Link href="/post?id=2" as="/post/2"><a>Go to post number 2</a></Link>
有没有不同的方法来做到这一点?记住在任何我想要动态路线的地方都这样做很麻烦。
当我使用该next/link组件将我的页面链接在一起时,我最终不得不同时指定“服务器端”URL 和查询参数化 URL。
一个例子可能/post/:id是由pages/post.js文件提供的动态路由:
<Link href="/post?id=2" as="/post/2"><a>Go to post number 2</a></Link>
有没有不同的方法来做到这一点?记住在任何我想要动态路线的地方都这样做很麻烦。
的href,因为它指向永远是必要的page,将采取呈现内容的照顾。但是asprop 是可选的,它仅用于“美化”显示给用户的 URL。
想象一下你登陆一个网站,你看到 www.mysite.com/post?id=121,看起来比 /post/2 更丑。
这仍然很麻烦,因此有一些不错的库可以让这变得更容易,最流行的 AFAIK 是https://www.npmjs.com/package/next-routes,这个包让你在使用时更轻松Link,但是你需要写下你自己的路线。