当我使用next/link
组件将页面链接在一起时,最终不得不同时指定“服务器端” URL和queryparam定义的URL。
一个示例可能是由/post/:id
文件提供服务的动态pages/post.js
路由:
<Link href="/post?id=2" as="/post/2"><a>Go to post number 2</a></Link>
是否有其他方法可以做到这一点?记得在我想拥有一条动态路线的任何地方都要这样做。
答案 0 :(得分:1)
href
始终是必需的,因为它指向page
,它将负责呈现内容。但是as
道具是可选的,它仅用于“修饰”显示给用户的URL。
想象一下,您登陆某个网站,就会看到www.mysite.com/post?id=121,看起来比/ post / 2还要丑。
这仍然很麻烦,因此有一些不错的库使此操作变得更容易,最受欢迎的AFAIK是https://www.npmjs.com/package/next-routes,该软件包使您在使用Link
时的生活更加轻松,但是您需要编写走自己的路线。