Javascript 如何在NextJs中导航到另一个页面而不重新加载整个页面？

我注意到，在NextJs中，每当我点击

转到另一个页面时，它调用

getInitialProps

，即使“另一个”页面是同一个页面

例如，在

/profile

页面上，有两个组件，一个用于“用户信息”，另一个用于分页的“订单列表”。“用户信息”和“订单列表”组件中使用的数据都是从

/profile

页面的

getInitialProps

中的API获取的

当我点击进入

/profile

页面上“订单列表”组件的下一页时，它会进入

/profile/p/2

。数据加载后一切正常，只是

/profile/p/2

实际上重新加载了整个配置文件页面，并重新获取了“用户信息”数据，只要页面是

/profile

页面的一部分，这些数据就应该保持不变（并且不需要重新获取）

---

是否有一种方法可以从

/profile

导航到

/profile/p/2

，而无需重新加载整个页面，而只加载显示订单列表的组件

您可以像这样传递浅链接

<Link href="...." as="...." shallow=true />

---

您可以像这样传递链接

<Link href="...." as="...." shallow=true />

这不适用于不同的页面，因为浅路由仅适用于相同的页面更新。这不适用于不同的页面，因为浅路由仅适用于相同的页面更新。