Vue Router Guard Method 仍然允许页面加载

Question

我正在使用以下保护 const 来防止用户在他们没有保存在 cookie 上的令牌时进入页面。但是，如果我尝试足够的时间，用户能够进入页面但组件不加载，这只是一个空白页面

我还应该在我的路由器文件中添加什么来防止这种事情发生？

这是我的守卫常数：

const guard = function(to, from, next) {
  const token = Cookies.get('token')
  if(typeof token === 'undefined' || token === null ){
    this.$store.dispatch('logout')
    window.location.href = "/";
  } else {
    next();
  }
};

Answer 1

尝试使用next('/') 而不是window.location.href = "/"：

import store from 'path/to/store/
const guard = function(to, from, next) {
  const token = Cookies.get('token')
  if(typeof token === 'undefined' || token === null ){
   store.dispatch('logout');
    next('/');
  } else {
    next();
  }
};