第十八节 vue3 elementplus 路由守卫

系列文章目录

---

目录

系列文章目录

前言

操作方法

总结

---

前言

在 Vue 中，路由守卫（Route Guards）是一个用于控制路由访问的机制。它们可以在路由被访问之前或之后执行一些操作，例如检查用户身份验证或权限。

Vue Router 提供了几种类型的路由守卫：全局前置守卫、全局后置守卫、路由独享的守卫。

这节我们主要配置下项目得路由守卫。

实现得功能：

1》只有登录才能访问系统

2》定义白名单（没有登录的时候可以访问）

---

操作方法

1. 在router文件夹下新建permission.js。导入router store
    
2. 在store中新建getters.js文件并导出getter

   export default {
     token: (state) => state.app.token
   
   }
   

   
    

3.   permission.js 判断是否有