SpringBoot结合Vue和Redis如何实现跨域单点登录,一处登录多端自动登出?

2026-05-29 15:543阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1318个文字,预计阅读时间需要6分钟。

SpringBoot结合Vue和Redis如何实现跨域单点登录,一处登录多端自动登出?

一、需求+实现用户在浏览器登录后,跳转到其他页面。当用户在其他地方再次登录时,之前登录的页面会退出(类似QQ登录方式)。

二、思路+实现用户在前端填写用户信息登录后,后端验证并处理登录请求。

一、需求

实现用户在浏览器登录后,跳转到其他页面,当用户在其它地方又登录时,前面用户登录的页面退出登录(列如qq挤号那种方式)

二、实现思路

用户在前端填写用户信息登录后,后台接收数据先去数据库进行判断,如果登录成功,创建map集合,以用户id为键,token为值,先通过当前登录用户的id去获取token,如果token存在说明该用户已经登录过,调用redis以token为键删除上个用户的信息,调用方法生成新token,并将token存入map集合,将用户信息存入redis,并将token存入cookie。当用户回到前面登录的页面时,刷新页面,调用方法,通过后端获取cookie的token值,通过token在redis中查询用户信息是否存在,如果不存在,前端通过返回值判断重新回到登录页面!

三、实现代码

后端:

1、创建SpringBoot项目,创建User表,由于是通过Vue编写的,所以是前后端分离,需要跨域,我这里编写了跨域配置类,还有redis的util类,返回的封装类,cookie的util类,文末有源码提供,可以自行提取。

阅读全文

本文共计1318个文字,预计阅读时间需要6分钟。

SpringBoot结合Vue和Redis如何实现跨域单点登录,一处登录多端自动登出?

一、需求+实现用户在浏览器登录后,跳转到其他页面。当用户在其他地方再次登录时,之前登录的页面会退出(类似QQ登录方式)。

二、思路+实现用户在前端填写用户信息登录后,后端验证并处理登录请求。

一、需求

实现用户在浏览器登录后,跳转到其他页面,当用户在其它地方又登录时,前面用户登录的页面退出登录(列如qq挤号那种方式)

二、实现思路

用户在前端填写用户信息登录后,后台接收数据先去数据库进行判断,如果登录成功,创建map集合,以用户id为键,token为值,先通过当前登录用户的id去获取token,如果token存在说明该用户已经登录过,调用redis以token为键删除上个用户的信息,调用方法生成新token,并将token存入map集合,将用户信息存入redis,并将token存入cookie。当用户回到前面登录的页面时,刷新页面,调用方法,通过后端获取cookie的token值,通过token在redis中查询用户信息是否存在,如果不存在,前端通过返回值判断重新回到登录页面!

三、实现代码

后端:

1、创建SpringBoot项目,创建User表,由于是通过Vue编写的,所以是前后端分离,需要跨域,我这里编写了跨域配置类,还有redis的util类,返回的封装类,cookie的util类,文末有源码提供,可以自行提取。

阅读全文