Uncaught RangeError: Maximum call stack size exceeded

报错信息

第一次写登录功能的时候,想用导航守卫来判断是否处于登录状态,来判断是否要跳转到登录页;
没想到报了如下的错误,大概意思就是超过了最大堆栈量(堆栈溢出)
死循环了;

代码如下

 router.beforeEach((to,from,next)=>{
            var token = false;//模拟token
            if(token){
                next()
            }else{
                next({
                    path:"/login"
                })
            }       
    })

解决方法

加了个判断就OK了

router.beforeEach((to, from, next) => {
    var token = true;//模拟token
    if (token) {
        next()
    } else {
        if (to.path === '/login') {
            next();
        } else {
            next({
                path: '/login'
            });
        }
    }
})

刚开始学前端,如有不足请多指教