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

Question

当我使用 next/link 组件将我的页面链接在一起时，我最终不得不同时指定“服务器端”URL 和查询参数化的 URL。

一个例子可能是由 pages/post.js 文件提供的动态 /post/:id 路由:

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

有没有其他方法可以做到这一点？记住在我想要动态路由的任何地方执行此操作很麻烦。

Answer 1

href 始终是必需的，因为它指向将负责呈现内容的页面。但是 as 属性是可选的，它仅用于“美化”显示给用户的 URL。

假设您登陆一个网站，您看到 www.mysite.com/post?id=121，它看起来比/post/2 更难看。

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