角度4本地存储缓存

Question

我用

localStorage.setItem('currentUser')

保存我当前的用户数据，例如令牌等

当用户注销时，我使用localStorage.removeItem('currentUser') 删除我的用户数据，但是当我在注销后立即以其他用户身份登录时，我的 localStorage 仍然保留最后一个用户而不是当前用户

下面是我设置 localStorage 的代码

return this.http.post(environment.api_host + '/login', params.toString(), options)
      .map((response: Response) => {

const user = response.json().returnBody;
    if (user && user.token) {
      localStorage.setItem('currentUser', JSON.stringify(user));
    }
  });

这是注销

localStorage.removeItem('currentUser');

更新

下面是我检查当前用户令牌状态的代码（我把它放在我的 NotificationService 上，在所有页面中都调用它）

if (error.json().error === 'token_expired') {
      swal('Session expired', 'Please login again !', 'error').then(() => {
        this._authService.logout();
        window.location.reload();
      });
    }

我也使用来自Routes的canActivate

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    if (localStorage.getItem('currentUser')) {
        // logged in so return true
        return true;
    }

    // not logged in so redirect to login page with the return url
    this.router.navigate(['/login'], { queryParams: { returnUrl: state.url }});
    return false;
}

但是当我尝试禁用浏览器缓存或刷新浏览器缓存时，它发生了变化

有没有办法处理这个，所以我不需要刷新我的浏览器缓存？

谢谢

Answer 1

你在用铬吗？如果是这样，他们只是针对导致您的问题的错误进行了修复：https://bugs.chromium.org/p/chromium/issues/detail?id=765524

所以我们的 chrome 版本遇到了问题，为了解决这个问题，我们必须这样做

localStorage.setItem('currentUser', '');
localStorage.removeItem('currentUser');

如果我们这样做了，它就成功了。如果我们不这样做并且只使用removeItem 它会清除，但在刷新时它会回来。