> 文章列表 > Oauth2+vue前后端实现单点登录

Oauth2+vue前后端实现单点登录

Oauth2+vue前后端实现单点登录

Oauth2单点登录流程实现

oauth2-demo

介绍

这是一个基于spring cloud oauth2和vue实现的前后端分离的单点登录示例。示例代码:szile/oauth2-demo

后端服务

auth-server 认证服务 ,对应域名:auth.szile.com
auth-client 资源服务,对应域名:client.szile.com

角色

浏览器:客户端角色(也可以将两个域名理解为客户端角色)
auth-client:资源服务角色
auth-server: 认证服务角色

认证流程如下图:
在这里插入图片描述

详细介绍

首先,在client.szile.com域名下访问页面,请求一个需要登录才能访问的接口/data,资源服务判断当前未登录,返