基于项目路由权限列表数据解析

1.用户菜单列表数据是有后端传递过来的数组菜单列表数据

里面有路由地址,权限地址,以及id

前端根据路由地址来匹配是否有该组件来决定渲染组件页面

前端根据路由用户菜单权限来决定是否有判断菜单列表数据来进行判断有用户权限处理技术点

route有render属性,就是控制访问组件使用的权限技术点

路由也要判断token  记录用户登录状态信息的一种验证方式。

因为http是无状态的协议,所以使用token来识别身份信息校验,加密解析存储。

 

在整个系统上只有对包含登录注册页面路由不用进行拦截, 其他则在根据token数据请求来进行发送到后盾   根据登录标识来判断用户是否登录

axios是根据请求前 匹配token数据请求头判断是否存在,在进行发送请求,否则就返回

还有在根据响应后再进行判断处理的  是否为403 来进行重新登录再进行接口调用 以及不等于200来解决拦截请求失败不进行业务请求动作事件执行  情况 处理判断用户操作 

 这样做的权限拦截 有效对应系统权限使用防控,和对整体前端项目用户体验使用优化处理

posted @ 2022-03-17 11:28  cc-front  阅读(52)  评论(0)    收藏  举报