javascript - 想用next.js取消浏览器的后退按钮

Question

我想用 next.js 取消浏览器的后退按钮。

  // not blocked...
  Router.onRouteChangeStart = (url) => {
    return false;
  };

在 next.js 中是否有停止浏览器的功能？

Answer 1

禁用后退按钮是明确的 UX 禁忌。但是在极少数情况下禁用后退按钮是绝对必要的。想想一个基于网络的考试应用程序，考生一旦继续前进就无法导航回上一部分。
应用本 medium 中给出的说明文章，我已经能够强制我的应用程序停留在路线上，即使单击浏览器中的后退按钮也是如此。但是我是初学者，如果有更好的解决方案，请编辑。

useEffect(() => { 
  if (router.asPath === '/?step=2') {
    window.onpopstate = () => { 
      history.go(1);
    };
  }
}, [router]);