问Next.js Router.push()自动重新加载页面

EN

如果不刷新页面，则将选项shallow添加为true

router.push('/?step=2', null, { shallow: true })

This page has more on router

router.push(url, as, options)

url -要导航到的URL

as -将在浏览器中显示的URL的可选装饰器。在Next.js 9.5.3之前，这是用于动态路由的，请查看以前的文档以了解它是如何工作的

options -具有以下配置选项的可选对象：

浅:在不重新运行getStaticProps、getServerSideProps或getInitialProps的情况下更新当前页面的路径。缺省值为false

您不需要对外部URL使用router.push。window.location更适合于这些情况。

这个页面首先出现在Next.js和“页面重载”上。为了节省其他人的故障排除时间，请考虑以下代码：

router.push({query: {page: 1}}, undefined, { shallow: true });

似乎有一些Next.JS的配置可以使页面重新加载，即使查询与之前相同，这是一种通向无限页面重新加载的简单方法。此外，除非您显式指定路径名，否则浏览器也会重新加载。我在我的服务器上看到了这种行为，但在我的笔记本电脑上看不到，两者都运行Next.js 10.1.3。据我所知，唯一的区别是我的笔记本电脑上没有设置基本URL，而服务器上确实有一个基本URL。这解决了这个问题：

let routerOpts = {page: 1};
if (!_.isEqual(routerOpts, router.query)) 
  router.push({pathname: router.pathname, query: routerOpts}, undefined, { shallow: true });

据我所知，“浅”没有区别，这也很好用：

let routerOpts = {page: 1};
if (!_.isEqual(routerOpts, router.query)) router.push({pathname: router.pathname, query: routerOpts})