vue-全局拦截未登录用户访问页面
为了保护网站的安全性,所以需要做全局路由拦截处理。路由部分:这里的login:true是指是否要验证用户的token。export default new Router({routes: [{path: '/homepage',name: 'Homepage',component: Homepage,meta:{...
·
为了保护网站的安全性,所以需要做全局路由拦截处理。
路由部分:这里的login:true是指是否要验证用户的token。
export default new Router({
routes: [
{
path: '/homepage',
name: 'Homepage',
component: Homepage,
meta:{
keepAlive:false,
login:true,
title:'首页'
}
},
main.js拦截部分:判断是否存在用户的token,若不存在则跳转到登录页面
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = '这里设置header部分的title ' + to.meta.title
}
if (to.meta.login) {
if (!JSON.parse(window.localStorage.getItem('userInfo'))) {
next({
path: '/login'
})
}
next()
} else {
next()
}
})
更多推荐
已为社区贡献3条内容
所有评论(0)