VueRouter全局路由守卫
程序员文章站
2022-03-24 17:53:13
...
// 挂载路由导航守卫 全局路由守卫
router.beforeEach((to,from,next) => {
// to 将要访问的路径
// from 代表从哪个路径跳转而来的
// next 是一个函数 表示放行 next()直接放行 next('/login')强制跳转
// 如果将要访问的页面是/login,则直接放行
if(to.path === '/login') return next();
// 获取token
const tokenStr = window.sessionStorage.getItem('token');
// 如果tokenStr不存在,则跳转到登录页
if(!tokenStr) return next('/login');
// 如果tokenStr存在,则直接放行
next();
})
上一篇: JQuery --- 第三期 (jQuery事件相关)
下一篇: MySQL日期时间处理函数