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

IT技术 javascript reactjs routing next.js
2021-04-30 08:06:15

当我使用该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>

有没有不同的方法来做到这一点?记住在任何我想要动态路线的地方都这样做很麻烦。

1个回答

href,因为它指向永远是必要的page,将采取呈现内容的照顾。但是asprop 是可选的,它仅用于“美化”显示给用户的 URL。

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

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