iview-admin-使用

最新推荐文章于 2024-08-25 00:30:00 发布

良之才-小良

最新推荐文章于 2024-08-25 00:30:00 发布

阅读量3.2k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/lidongliangzhicai/article/details/95938008

版权

本文档介绍了iView Admin的路由导航守卫机制，详细阐述了如何在进入路由前进行进度条开启、token获取与用户信息的鉴权，以及在进入路由后设置页面标题并关闭进度条的过程。在未获取token时，系统会引导至Login组件；获取token后，会尝试获取用户信息并进行权限判断。若用户信息获取异常，系统将重新引导至登录页面。每个路由的meta.access属性用于定义路由权限，通过hasAccess方法对比用户的access与路由的access来决定是否允许访问。

摘要由CSDN通过智能技术生成

-----------------------------------------------------------
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