在一个打开的选项卡中注销时，在所有选项卡中自动进行角度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);