前端判断用户登录状态方法
网站有很多权限控制,登录用户和未登录用户显示的内容有差别。
前后端分离后,前端怎样判断用户是否已登录?有哪些方式?
方法一:
登录成功后,后端返回一个 cookie,根据这个 cookie 的有无来判断;退出登录时,后端会删除这个 cookie;
方法二:
登录成功后,前端设置 cookie,比如'isLogin = true
',根据isLogin的值去判断;退出登录时删除 cookieisLogin
或设置 'isLogin = false
'。
方法三:
- 前台发送登录请求
- 后台返回 token,前台得到后台返回的 token,将其写入到 localStorage 中,后续请求中都携带 token
- 后台判断 token 是否过期,如果过期就对前台的请求响应过期标识或者状态码
- 前台得到过期标识后,清除 localStorage 中的 token,然后重定向到 login 路由