javascript - 如何判断用户是否登出？

Question

系统的日志需要登录和登出闭环，即有一个用户登录日志，就需要有一条登出日志。
如果用户通过登出按钮手动登出，触发登出接口是没问题的。
但是大多数用户，包括我自己都是直接点击x，关闭系统。
于是我监听了beforeunload事件，想在这里发登出请求。
现在遇到两个问题，一是：刷新也会触发这个事件。
二是：触发这个事件后的弹窗


重新加载是刷新弹出的，离开时关闭弹出的，我只想在点击离开的时候触发登出，重新加载和取消不触发该怎么办？
我看了mdn关于这个事件的描述，好像这个事件没办法区分关闭和刷新，而且离开和取消也没有回调。唯一能做的就是阻止离开。
是不是思路错了，有其他办法可以实现吗？比如说后端？

Answer 1

你想在窗口关闭时拦截用户？那么如果用户使用右键在新标签中打开呢？是不是这些标签卡永远都不能关闭了？毕竟关闭了你就要用户登出，不然就不能关闭。
再比如说用户长时间不操作导致Token过期了呢？这个时候又需要用户登录了，那么这个登出日志应该怎么做？在用户请求接口发现Token过期之后自动在请求登出操作吗？

所以最终得看你实际的业务需求是怎么样的。如果仅仅是为了记录日志，那么用户自己手动登出肯定是可以处理的。但是并不需要一定是必须再前端做，也可以在后端做处理，如果用户没有手动登出，系统按照Token过期自动处理，比如说一个小时执行一次如果Token超时了就自动处理登出流程。

Answer 2

我觉得，要么设计有问题，要么你理解有问题。从浏览器的角度来考虑：

1. 用户即使不登出，cookie、token 也会过期，到时候也需要再次登录，所以不可能一一对应
2. 用户离开页面，并不会让 cookie、token 都过期，如果关闭的间隔补偿，再次返回还能继续使用
3. beforeunload 的设计动机是避免丢失用户的操作，用在这里也不合适。
4. 还有多 tab 的状态管理，也跟你们的要求是冲突的。

我建议从头梳理一下你们的需求、目标和可接受的范围，然后设计技术方案去满足。