在一个打开的选项卡中注销后，在所有选项卡中自动注销角度4-注销 [英] angular 4- logout automatically in all tabs when logged out in one open tab

问题描述

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

I wanted to logout automatically from all the open tabs when logged out in one open tab.

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

I'm setting a jwt token to localStorage on login and removing the token when logout.

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

How do I use storage events to logout from all open tabs?

推荐答案

您可以在存储上添加事件侦听器，如下所示:

You can add event listener on storage as:

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);

这篇关于在一个打开的选项卡中注销后，在所有选项卡中自动注销角度4-注销的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！