限制从角度4的不同选项卡记录基于Web的应用程序

Question

我正在使用angular 4作为我的前端。我的要求是限制用户从其他标签登录到应用程序。（用户只能从浏览器中的一个标签登录系统）

我在很多方面尝试了这个。我在本地存储中存储了一个标志，每次在app init中都检查了标志。

this.tokenHeader = JSON.parse(localStorage.getItem('loginToken'));
    console.log("previous token", this.localStorage);
    if (this.tokenHeader !=null) {
      this.tokenError = true;

    }
    else {  // sign in process
    }

这样可以正常工作，但如果标签或浏览器意外关闭（没有正确注销），则本地存储空间无法移除。

我还试图将一个标志存储到会话存储中，但它没有传递给另一个标签。

是否有正确的方法让应用程序只能从一个标签中运行。请帮助我