angular - 当浏览器以 Angular 关闭时清除本地存储

Question

我创建了一个 Angular 5 应用程序。它使用基于 token 的系统。当前我将 token 存储在本地存储中。我希望本地存储在浏览器关闭时保持清晰。并且在浏览器刷新时不清除本地存储。我没有使用sessionstorage的原因是因为在新选项卡或窗口中打开页面将导致启动新 session 。我怎样才能做到这一点我在 app.component 中尝试使用此代码

@HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler(event) {
  alert("KKk")
  localStorage.removeItem('authToken');
}

但是当浏览器关闭时它不会触发。实现此用例的最佳方法是什么。对于 token 来说，使用 cookie 存储是否是一个好方法

Answer 1

你应该这样做...

import { Component, HostListener } from "@angular/core";

@Component({
    selector: 'app-root',
    templateUrl:"./app/app.component.html"
})

export class AppComponent {
    @HostListener("window:onbeforeunload",["$event"])
    clearLocalStorage(event){
        localStorage.clear();
    }
}

注意:onBeforeUnload 在浏览器关闭事件上执行