有没有办法在 nextjs 中保持页面刷新时的路由器查询

我有一个带有动态网址的动态页面。一切都是客户端渲染的。

这是link链接到第二页

<Link
href= {{ pathname: '/dashboard/[orderdetail]', query: { id: `${orderID}` } }} as={`/dashboard/${orderDetails.orderNo}`}
</Link>

这可以很好地将每个查询带到第二页。但是当我刷新第二页时，一切都丢失了。我通过的每个查询都丢失了

我尝试过使用with/Router

let orderID=this.props.router.query.orderdetail;

仍然在页面刷新时一切都会丢失。

我需要query string我正在传递到第二页以调用运行良好的数据库。但同样，当我刷新页面时，没有任何效果。

如何避免页面刷新时出现这种损失。

最后我得到了这个解决方案，这里没有区别

               <Link
                 href={{
                  pathname: "/dashboard/" + `${orderDetails.orderNo}`,
                  query: { id: `${orderID}` },
                }} as={`/dashboard/${orderDetails.orderNo}`}
              >
              </Link>

但在第二页中添加此内容会以某种方式维护路线查询。

export async function getServerSideProps(context) {
  return {
    props: {}, // will be passed to the page component as props
  };
}

我不知道这如何解决问题，但确实如此。考虑到我只想要客户端渲染，我认为不会有太大差异