Springboot3+SpringSecurity6Oauth2+vue3前后端分离认证授权
流程示意
- 整体流程
- 项目
- 技术栈
- 示意图
整体流程
项目
技术栈
前端:
vue3+vite4+axios+pinia+naiveui
客户端地址:localhost:3003
授权服务地址:localhost:3001
后端:
springboot3
spring security6 oauth2
客户端服务:localhost:8083
资源服务:localhost:8082
授权服务:localhost:8081
示意图
请求客户端页面,未登录提示跳转登录页
确认跳转请求客户端登录接口,返回请求授权服务器获取授权码页面地址
请求获取授权码接口,无权限跳转登录页面
登录成功,跳转回获取授权码页面
带token请求获取授权码接口,返回客户端回调地址
跳转回调地址,带token请求回调接口,获取access_token
跳转回根页面,带access_token请求hello接口,成功返回结果
access_token过期后,请求hello接口重新走登录流程