Как правильно заблокировать доступ к роуту?

Question

[Александр Корегин]

Хочу заблокировать доступ не авторизированным пользователям.

Написал вот такой код.

router.beforeEach((to, from, next) => {
  const authUser = localStorage.getItem("auth");
  const profilePages = ["/profile"];
  const orderPaymnetPages = ["/order-payment"];
  const authRequired = !profilePages.includes(to.path);
  const authRequired2 = !orderPaymnetPages.includes(to.path);

  if (authRequired && authRequired2 && !authUser) {
    next("/");
  }
  next();
});

Но он выдаёт ошибку RangeError: Maximum call stack size exceeded.

Нужно чтобы блокирован доступ к роуту /profile и /order-payment

Как можно исправить ?

Answer 1

[Aetae]

У тебя по кругу отрабатывает next("/");.
Добавь в if to.path !== '/'.