梳理项目登录1

54 阅读1分钟

1.获取到验证码之后,计算属性获取验证码地址

登录失败:刷新验证码--refreshCode

进行login登录,登录成功,

@1 获取token,token_type,refresh_token,expires_in,并进行设置

@2 调用登录日志

@3 初始化页面 initPage方法

根据 isGetRoutes 标识符[默认false],

isGetRoutes 整个初始化过程的钥匙,第一次请求之后设置为true,退出登录才置false

  • initPage方法中调用权限路由 getPermissionRouter 获取路由,获取完路由后,修改 isGetRoutes 标识符

  • 筛选有权限的路由,从返回来的数据中,根据component和vue路由中的name值匹配,重组动态路由

  • 设置默认加载项, 如果有children,就children[0].path,没有children,就homeChildRoute[0].path

  • 过滤 mainRoutes[0].children 是否需要添加聊天板块

筛选/manage 管理后台,系统设置中9个路由,children

image.png

过滤:从前端页面所有路由 过滤(获取的item.component与本地item.name)、 该登录账户获取的有权限路由,然后同步前端路由配置中的meta.title从获取的路由每一项中的name,最终获取该账户下的有权限的真实路由数组。

image.png

存为为动态路由

设置默认加载项 rootRoute

先看主路由homeRoute=mainRoutes[0]长度,

如果没有children,就rootRoute=homeRoute.path

如果有children内容,

rootRoute = homeChildRoute[0].children[0].path;

设置聊天模块

commit同步state状态

重置路由,插入动态路由

3.更新token------(有token不需要登陆时)

建立socket链接