微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当浏览器或选项卡在 Angular 中关闭时调用注销 API

如何解决当浏览器或选项卡在 Angular 中关闭时调用注销 API

我有关闭angular应用程序选项卡或整个浏览器时调用注销api的场景。我尝试了该方法

@HostListener('window:beforeunload',['$event'])
  doSomething($event: any) {
    this.logout();
  }
window.onbeforeunload = function (event) {
};

我已经尝试过这些方法,但似乎不起作用。

解决方法

您是否在移动设备上使用上述事件?如果是这样,如果用户更改应用程序,它将不会触发。见https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event

推荐使用的事件是visibilitychange 或pagehide 事件。 参考

https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event

https://developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。