雅安论坛

标题: VUE全局路由守卫 [打印本页]

---

作者: 匿名    时间: 2023-9-19 09:26
标题: VUE全局路由守卫
全局的路由导航守卫

main.js中添加

1. // 全局的路由导航守卫
   
2. router.beforeEach((to, from, next) => {
   
3.     const zt = localStorage.getItem('token'); // 根据实际情况判断用户是否已登录
   
4.     if (to.path !== '/login' && !zt) {
   
5.       // 如果用户未登录且访问的不是登录页，则重定向到登录页
   
6.       next('/login');
   
7.     } else {
   
8.       // 已登录或者访问的是登录页，则正常跳转
   
9.       next();
   
10.     }
    
11.   });
    
12. //路由守卫结束

复制代码

---

欢迎光临 雅安论坛 (https://www.yaanbbs.net/)

Powered by Discuz! X3.4