angular 4- 在一个打开的选项卡中注销时在所有选项卡中自动注销

Question

我想在一个打开的选项卡中注销时自动从所有打开的选项卡中注销。

我在登录时将 jwt 令牌设置为 localStorage，并在注销时删除该令牌。

如何使用存储事件从所有打开的选项卡中注销？

Answer 1

您可以在存储上添加事件侦听器：

window.addEventListener('storage', (event) => {
  if (event.storageArea == localStorage) {
    let token = localStorage.getItem('jwt_token');
    if(token == undefined) { // you can update this as per your key
        // DO LOGOUT FROM THIS TAB AS WELL
        this.router.navigate(['/']); // If you are using router
        // OR
        window.location.href = '<home page URL>';
    }
  }
}, false);