【vue2.0-单点登录】

vue2.0-单点登录

  • 首先我们需要知道什么是单点登录

在多个应用系统中,只需要登录一次,就可以访问其他相互信任的应用系统。

单点登录的解决办法在网上有很多,这是我觉得好理解的解决办法:https://www.jianshu.com/p/613e44d4a464

以下就是我的解决方法:
1.在主系统的登录页
在登录成功的情况下,让后端接口返给前端一个token,前端在将此token存储在cookie中
2.在主系统里面会有个模块展示子系统
点击子系统的时候,你需要把在登录时存储在cookie中的token获取到
【vue2.0-单点登录】_第1张图片
【vue2.0-单点登录】_第2张图片
这样主系统这边就完成了
3.在子系统的首页直接获取cookie中的token,通过后端给的登录接口传token参数,成功返回后重新在cookie中存储新的token
【vue2.0-单点登录】_第3张图片
这样单点登录就完成了

需要注意,在子系统里一定要在created获取一下token,如果有就调用首次进入页面需要的数据,如果没有,就需要获取token
【vue2.0-单点登录】_第4张图片
【vue2.0-单点登录】_第5张图片

【vue2.0-单点登录】_第6张图片

你可能感兴趣的:(记录项目中遇到的问题,vue)