系列文章目录
目录
前言
在 Vue 中,路由守卫(Route Guards)是一个用于控制路由访问的机制。它们可以在路由被访问之前或之后执行一些操作,例如检查用户身份验证或权限。
Vue Router 提供了几种类型的路由守卫:全局前置守卫、全局后置守卫、路由独享的守卫。
这节我们主要配置下项目得路由守卫。
实现得功能:
1》只有登录才能访问系统
2》定义白名单(没有登录的时候可以访问)
操作方法
- 在router文件夹下新建permission.js。导入router store
- 在store中新建getters.js文件并导出getter
export default { token: (state) => state.app.token }
-
permission.js 判断是否有