作者:337364卢 | 来源:互联网 | 2023-12-12 14:36
本文主要介绍了单点登录(vue)的实现及原理解析。单点登录是指一个账号可以在多个系统中登录的功能,通过点击系统图标进入其他系统,无需重复登录流程。文章详细解释了如何获取返回的数据、前端如何处理token、后台如何实现登录功能以及重定向到前端页面的地址等流程。前端工作包括开发一个新页面来接收后台返回的地址并处理token。通过token进行通信,实现系统首页的重定向。
单点登录:一个账号可以在多个系统中登录
举个例子:你在OA系统,想要不通过登录流程通过点击OB系统图标直接进入OB系统,这个流程就叫做单点登录
你可能会有疑问?
我怎么能拿到返回的数据呢?请求在OA系统里面返回结果也在那边怎么能拿到数据呢?
是这样的。
当OA系统的人员点击触发请求,OA通过a标签在新页面打开,我们前端能拿到地址栏的路径(带token),进入到后台,后台帮前端做了登录的功能,后台重定向到前端页面的地址(带token)
前端拿到token去做以列表的后续处理
这边做都是通过token在进行通信
后台重定向到前端新开页面的地址,前端拿到token,不走登录一系列的流程直接重定向到系统首页。
前端工作
新开发一个页面,接收后台返回的地址,处理token