在一个打开的选项卡中注销后，角度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);