next.js中url参数在页面刷新后获取不到问题的解决方案

在很多场景使用url参数传递是非常简单一个事情，无非就是通过路由参数来传递和获取使用。

但是使用next.js、SSR服务端渲染的开发项目的过程中，参数通过url来传递的时候会遇到，页面刷新参数丢失的情况（小主就是其中一个哈）。

这个时候我的一个解决方案是这样的

<Link href="/?id=10">
  <a>测试next.js传参</a>
</Link>

import { useRouter } from "next/router";

export default function Index() {
  const router = useRouter();
  const id = router.query.id
}

Index.getInitialProps = async () => {
  return {};
};