vue java实现登录_SpringBoot+Vue+Redis实现单点登录(一处登录另一处退出登录)

一、需求

实现用户在浏览器登录后，跳转到其他页面，当用户在其它地方又登录时，前面用户登录的页面退出登录(列如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类，文末有源码提供，可以自行提取。

2、yum配置文件

spring:

redis:

database: 0 #redis的默认数据库为0

host: 127.0.0.1 #链接redis的ip

port: 6379 #链接redis的端口号

password: #链接redis的密码 默认为空

jedis:

pool:

max-total: 200 #链接redis的总数目

max-active: 100 #链接redis的最大

max-idle: 8 #最大的链接数量

min-idle: 5 #最小的链接数量

datasource:

url: jdbc:mysql://127.0.0.1:3306/test?useUnicode=true

username: root

password: root

driver-class-name: com.mysql.jdbc.Driver

jpa:

show-sql: true

server:

port: 8888

REDIS_KEY : USER_TOKEN

3、编写实体User.class

@Data

@Entity

@Table(name = "user")

public class User {

@Id

@Column(name = "id",unique = true