本文介绍了如何使用Vue2.0实现单点登录功能。通过在主系统登录成功后存储token在cookie中，然后在子系统中读取该cookie并验证，达到只需登录一次即可访问所有相互信任系统的效果。关键步骤包括：1) 登录成功后存储token；2) 主系统传递token给子系统；3) 子系统验证并更新token。
vue2.0-单点登录
- 首先我们需要知道什么是单点登录
在多个应用系统中，只需要登录一次，就可以访问其他相互信任的应用系统。
单点登录的解决办法在网上有很多，这是我觉得好理解的解决办法：https://www.jianshu.com/p/613e44d4a464
以下就是我的解决方法：
1.在主系统的登录页
在登录成功的情况下，让后端接口返给前端一个token，前端在将此token存储在cookie中
2.在主系统里面会有个模块展示子系统
点击子系统的时候，你需要把在登录时存储在cookie中的token获取到
这样主系统这边就完成了
3.在子系统的首页直接获取cookie中的token，通过后端给的登录接口传token参数，成功返回后重新在cookie中存储新的token
这样单点登录就完成了
需要注意，在子系统里一定要在created获取一下token，如果有就调用首次进入页面需要的数据，如果没有，就需要获取token
最低0.47元/天 解锁文章
扫一扫
2080
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
