Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angular 4-在一个打开的选项卡中注销时,在所有选项卡中自动注销_Angular_Local Storage_Logout - Fatal编程技术网

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

angular 4-在一个打开的选项卡中注销时,在所有选项卡中自动注销,angular,local-storage,logout,Angular,Local Storage,Logout,当我在一个打开的选项卡中注销时,我想从所有打开的选项卡中自动注销 我在登录时将jwt令牌设置为localStorage,并在注销时删除该令牌 如何使用存储事件从所有打开的选项卡注销 您可以在存储器上添加事件侦听器,如下所示: window.addEventListener('storage', (event) => { if (event.storageArea == localStorage) { let token = localStorage.getItem('jwt_t

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

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


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

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

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);
window.addEventListener('storage',(event)=>{
if(event.storageArea==localStorage){
let token=localStorage.getItem('jwt_token');
如果(token==undefined){//您可以根据您的密钥更新它
//也要从此选项卡注销
this.router.navigate(['/']);//如果您正在使用路由器
//或
window.location.href='';
}
}
},假);

我可以在其他选项卡中看到警报的可能重复,我如何注销用户
(event)=>{if(localStorage.getItem('jwt_token')==null){alert('yes');}}
@RNKushwaha您可以在
ngOnInit
方法的app.component中写入上述代码。