vue router 路由 拦截器 登录权限设置

运用vue 的 router 防止地址栏路由输入跳转 需要设置路由监听拦截器
新建路由拦截器文件

书写 拦截器内容

import router from './router'


router.beforeEach((to, from, next)=>{
  if(window.sessionStorage.userData){   // 判断是否登录   
    if(to.path === '/' || to.path === '/login'){  //  
      //登录状态下 访问login.vue页面 会跳到index.vue
      next({path: '/index'});
    }else{
      next();
    }
  }else{
    // 如果没有session ,访问任何页面。都会进入到 登录页
    if (to.path === '/') { // 如果是登录页面的话，直接next() -->解决注销后的循环执行bug
      next();
    } else { // 否则 跳转到登录页面
      next({ path: '/' });
    }
  }
})

在main.js 中引入 该文件

import './permission'

登录 拦截