javascript - 在 react-router 2 中禁用后退按钮

Question

我正在使用 react-router 2。我的路由定义为

   <Route path="/" component={App}>
       <IndexRoute component={Home}/>
       <Route path="/about" component={About}/>
       <Route path="/login" component={Login} onEnter={redirectToDashboard}/>
       <Route path="/logout" component={Logout} onEnter={logoutSession}/>
       <Route path="/dashboard" component={Dashboard} onEnter={redirectToLogin}/>
   </Route>

一切正常，但我在从仪表板页面禁用后退按钮时遇到问题。

成功登录后，我将用户重定向到仪表板页面，但是当用户单击后退按钮时，它会再次进入登录页面。当用户在仪表板页面上时，我想禁用 browser 的后退按钮。

Answer 1

你最好的选择是，当用户登录时，他/她被重定向到仪表板。如果由于某种原因用户点击后退按钮，你应该:

如果用户已登录 留在页面控制面板上

if(logged) {
  history.pushState(null, null, location.href);
  window.onpopstate = function(event) {
    history.go(1);
  };
}

将无法返回。