Vue Метод Router Guard все еще разрешает загрузку страницы

Question

Я использую следующую защитную константу, чтобы запретить пользователям заходить на страницы, если у них нет маркера, сохраненного в файлах 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();
  }
};