本文深入讲解了网站中路由权限控制的实现方式，通过导航守卫结合全局状态管理vuex，确保只有登录用户才能访问特定页面，有效提升网站安全性。
在各大网站都涉及到路由的权限控制，简单的举个例子：比如访问需要登录的页面 没有登录的用户则被转跳到登录页面进行登录，这就是是导航守卫（一般都是结合全局状态管理vuex来使用的）
这个案例分为 index.vue(比作网站起始页), body.vue(需要登录过后才能看到的页面), login.vue(登录页)
第一步：先在main.js 文件中引入router/index.js(如图)：
再来看看路由页（添加meta项）：
最后一步就是在main.js中编辑钩子规则：
总结：钩子就类似于java的拦截器，钩子的判断条件可以基于全局动态属性管理的控制，那么这个钩子就有深度了，在使用钩子时一定要注意不然会进入死循环，前置钩子————在每次路由改变的时候执行
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
