vue:在路由跳转中使用拦截器

vue:在路由跳转中使用拦截器,第1张

vue:在路由跳转中使用拦截

1:首先在路由对象中的某一个具体的路由对象加这样一个属性

meta: {  requireAuth:true  }

2:然后在main.js中添加这段代码

router.beforeEach((to, from, next) => {
if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
if (localStorage.getItem('a')) { // 通过vuex state获取当前的token是否存在,通过一个变量(vuex中或localstorage中),如果为真,那么跳转

next();
}else {
alert('请输入账号和密码')
next({
path: '/',//如果为假,则重定向到这个路由路劲
query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由
})
}
}else {
next()
}
})

结束!!!这样就能在跳转之前拦截并做一些 *** 作。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/589199.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存