iview-admin-使用

羊煜
2023-12-01

-----------------------------------------------------------
index.html: <div id="app"></div>

main.js :   new Vue({el: '#app',router,il18n,store,render-->app.vue})
app.vue :   <div id="app"><router-view/></div>
------------------------------------------------------------

导航守卫【进入路由前】
            【 进度条开启---获取token】
                                      ---未获取---进入Login组件
                                        ---获取    ---是:获取用户信息:user.hasGetInfo
                                                           --- 鉴权---目标页面/401
                                否:获取用户信息  
                                       --- store.getUserInfo
                                       ---异步axios获取
                                       ---设置信息+setHasGetInfo
                                       ---鉴权---目标页面/401
                                ---异常:重新登录

导航守卫【进入路由后】
            【 设置页面title---进度条关闭】
        

---进入Login组件---login()[返-token]---存token                                                                      
---getUserInfo(token)[返-[USER_MAP[token]]] 
---跳转homeName


---turnTo目标页面---鉴权[即将跳转的路由name+access 用户权限数组+routes 路由列表]
                 ---hasAccess = (access, route):如果参数不存在,通过
                                                 存在则验证,比对当前用户的access与路由的access是否一致,通过/拒绝
每一个router定义时,如果需要定义路由权限,则在meta.access=[角色]


 

 类似资料: