AngularJS中登出后登录页面重复刷新问题如何修复

嘿，我一眼就发现问题所在啦！你的代码里同时触发了两次刷新操作，这就是登录页面会刷新两次的核心原因：

• 调用$state.go("login", {}, { reload: true })时，reload: true参数已经让Angular重新加载了login路由对应的页面
• 紧接着又调用$window.location.reload()，这会强制浏览器刷新整个页面，相当于又触发了一次页面加载

这两个操作叠加起来，就导致登录页面被重复渲染了两次。

修复方案 #

只需要保留其中一个刷新逻辑即可，更推荐使用Angular自身的路由机制来处理，这样更符合框架的最佳实践。修改后的登出函数如下：

var _logOut = function () { 
  localStorageService.remove('authorizationData'); 
  $state.go("login", {}, { reload: true }); 
  // 移除重复的$window.location.reload()调用
};

如果你的场景确实需要强制刷新整个页面（比如有一些Angular路由无法覆盖的全局状态需要重置），那可以保留$window.location.reload()，同时去掉$state.go里的reload: true参数，甚至直接用$window.location.href = "/login"跳转后再刷新，不过这种情况比较少见，优先推荐上面的方案。

内容的提问来源于stack exchange，提问作者adam