// 挂载路由导航守卫,to表示将要访问的路径,from表示从哪里来,next是下一个要做的操作 next('/login')强制跳转login
router.beforeEach((to, from, next) => {
// 访问登录页,放行
if (to.path === '/login') return next()
// 获取token
const tokenStr = window.sessionStorage.getItem('token')
// 没有token, 强制跳转到登录页
if (!tokenStr) return next('/login')
next()
})
路由导航守卫
原创umetrip_zhxm ©著作权
©著作权归作者所有:来自51CTO博客作者umetrip_zhxm的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:token退出登录实现方式
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue 模拟商城 路由导航守卫
【代码】vue 模拟商城 路由导航守卫。
vue.js javascript 前端 验证码 Vue -
vue项目 路由导航守卫控制访问权限
访问权限模块新建一个js文件名为 permission.js在main.js中导入import './permission’
vue.js javascript 前端 缓存 进度条