vue实现伪登录(单点登录 登录白名单设置)

需求:从一个项目跳转到另一个项目,免密码登录

1、首先,在要跳转到的项目里添加白名单路由并添加到总路由
vue实现伪登录(单点登录 登录白名单设置)_第1张图片
vue实现伪登录(单点登录 登录白名单设置)_第2张图片
2、可以在白名单路由页面(伪登录页)设置显示的内容

vue实现伪登录(单点登录 登录白名单设置)_第3张图片
3、在需要跳转的项目里添加一个按钮点击事件,打开伪登录页面同时传一个 id 参数过去,这个 id 参数登录时要用
在这里插入图片描述
4、在伪登录页加载完成时调用后端免登录接口
vue实现伪登录(单点登录 登录白名单设置)_第4张图片
参数是路由跳转时传过来的。
接口请求成功后,将用户信息保存到 session 中,jumpUrl 是要跳转的路径,toDoList 是跳转成功后,默认显示的页面。跳转成功后可以根据需要去路由守卫进行其他设置。

你可能感兴趣的:(vue,vue.js,javascript,es6,vue)