您的位置:首页 > Web前端 > Vue.js

vue路由守卫

2020-07-14 05:25 232 查看

在 index.js中

//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
// to 将要访问的路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
// next() 放行  next('login')强制跳转
if(to.path=='/login') return next();  //如果是登录页面 直接放行
//获取登录时存储的token
const tokenStr=window.sessionStorage.getItem('token')
if(!tokenStr) return next('/login')   //判断是否有存储的token,没有强制跳转到登录页面
next()    //否则放行
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: