vue路由拦截及页面跳转的设置方法
发布时间：2020-12-17 03:09:01 所属栏目：百科 来源：网络整理
导读：路由设置：router/index.js main.js： { if (to.matched.some(res => res.meta.requireAuth)) { // 验证是否需要登陆 if (sessionStorage.getItem('sid')) { // 查询本地存储信息是否已经登陆 next(); } else { next({ path: '/login',// 未登录则跳转至logi
|
路由设置：router/index.js main.js： {
if (to.matched.some(res => res.meta.requireAuth)) { // 验证是否需要登陆
if (sessionStorage.getItem('sid')) { // 查询本地存储信息是否已经登陆
next();
} else {
next({
path: '/login',// 未登录则跳转至login页面
query: {redirect: to.fullPath} // 登陆成功后回到当前页面，这里传值给login页面，to.fullPath为当前点击的页面
});
}
} else {
next();
}
});
login.vue： 登陆成功后： 总结以上所述是小编给大家介绍的vue路由拦截及页面跳转的设置方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |