vue登录状态判断

vue-router

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 meta:{
    title:"文档",
    requireAuth:true //是否需要判断
},

router.beforeEach((to,from,next)=>{
    //修改页面title
    if(to.meta.title){
        document.title = to.meta.title
    }
    if(to.meta.requireAuth){//判断该路由是否需要登录权限
        if(store.state.token){//通过vuex的state获取当前的token是否存在
            next()
        }else{
            //如果没通过返回到登录页面
            next({
                path:"/",
            })
        }
    }else{
        next();
    }    
})