做示意图的网站百度一下就知道官方网站

1.创建后端+前端 搭建基本环境
 

java 17及以上

前端
 

目录结构
 

后端跑起来

前端跑起来
package.json 右键运行dev 跑起来

前后端环境开启

2.securityConfiguration

新建java类

添加无状态

 

运行
 

测试：



创建记录类


RestBean json格式解析




json 添加依赖
pom.xml

 

返回实体类：

测试
 

出现乱码需要设置格式。
请求成功方法：

请求失败方法：

restBean和回应

测试

3.jwt工具类utils

 

添加类



 

添加依赖

注入 @component

获取用户

秘钥，作为配置文件存在。
@value("${spring.security.jwt.key}")
从这个配置文件中读取变量




创建了一个jwt

 

得到最终的jwt了


 

登录成功后返回给用户的。
在文件中添加jwt工具

id和名字随便起。



拿到token

登录成功后返回的是



数据库层的就用dto
跟前端交互就用vo


添加java类 用户详细信息封装成实体类 
@Data数据类



修改SecurityConfiguration.java



用户名密码设置



测试