ElementUI的导航菜未登录更改路由

Question

首先，ElementUI的导航菜可以正常使用。
现在我要做一个登录判断，要是没有登录的话，点击导航中的‘安全中心’‘财务中心’，就会让界面跳转到登录界面

现在问题是跳转不过去登录界面
代码如下，望各位大佬解惑，或者有其它的方法吗

handleSelect(key, keyPath) {
    //console.log(key,keyPath)这里的key和keyPath都能正常打印出来
    const token = Cookies.get("loginToken");//这是登录token
    if(key === 'safety' || key === 'financial'){//safety和financial是导航中的安全中心和财务中心
    
        if (!token || token == '') {

            this.$router.push({path: '/login'});

            console.log(this.$route.path)//这里能正常打印出‘/login’
        }
    }
}

Answer 1

路由拦截里判断
伪代码：

router.beforeEach((to, from, next) => {
    if(未登录) {
            next({
                path: '/logIn'
            });    
    } else {
        next()
    }
})