• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Vue/vue-router - system sesji

VPS Starter Arubacloud
+1 głos
141 wizyt
pytanie zadane 28 kwietnia 2021 w JavaScript przez Jakub 0 Pasjonat (23,120 p.)
zamknięte 29 kwietnia 2021 przez Jakub 0

Witam, piszę frontend do mojego API. Używam systemu sesji, więc po stronie klienta nie są przechowywane żadne tokeny. Aplikacja ma trzy główne stany:

  • user - zalogowano
  • guest - nie zalogowano
  • loading - nie wiadomo ( odświeżono stronę lub załadowano po raz pierwszy )

Po załadowaniu aplikacji po raz pierwszy (lub po jej odświeżeniu) wysyłany jest request do serwera, w celu załadowania profilu użytkownika.

W zależności od tego czy serwer zwróci 200 czy 401 zostanie ustawiony odpowiedni stan aplikacji. Dopiero teraz jest wiadome, czy istnieje konieczność przekierowania użytkownika czy nie (teraz wiemy jaki jest stan, user czy guest). W tym momencie chcę więc ponownie (z poziomu vuex'a) odświeżyć aktualny route, żeby route guard mógł zweryfikować czy nie ma ewentualnej potrzeby przekierowania.

Sprawa tyczy się więc ponownego uruchomienia funkcji middleware dla vue-router. I tu jest główny problem, nigdzie nie mogę znaleźć jak to rozwiązać. Jedyne co znalazłem to:

router.go()

ta metoda prowadzi jednak do przeładowania strony, a to kończy się nieskończoną pętlą (cały proces wykona się od początku). Jedyne czego chcę to ponownie przejść przez router.beforeEach().

Morduje się już z tym dość długo, będę więc bardzo wdzięczny za pomoc. Jak napisałem niejasno to proszę dać znać laugh

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

0 głosów
odpowiedź 29 kwietnia 2021 przez Jakub 0 Pasjonat (23,120 p.)
edycja 29 kwietnia 2021 przez Jakub 0

Poradziłem sobie z problemem inaczej, zrobiłem następującego guarda:

const redirect = (to, from, next) => {
  // redirect if page require to be logged in and state is "guest"
  if (to.meta.needsAuth && !store.getters.isAuthenticated)
    return next({ name: "loginPage" });

  // redirect if page require to not be logged in and state is "user"
  if (to.meta.needsGuest && store.getters.isAuthenticated)
    return next({ name: "profilePage" });

  return next();
};

router.beforeEach((to, from, next) => {
  // if state is unset
  if (store.getters.isLoading) {
    // check state first
    store.dispatch("getUser").then(() => redirect(to, from, next));
  }

  // if state is already set
  else {
    redirect(to, from, next);
  }
});

Przechodząc pod konkretną stronę, sprawdzamy najpierw czy stan aplikacji jest znany, jak nie to go pobieramy od API. W obu przypadkach możemy zadecydować co dalej, czy użytkownik może przejść, czy go trzeba przekierować... Rozwiązanie to wydaje mi się dość czyste i spójne, gdyż warstwy prezentacji i logiki nie przenikają się wzajemnie.

Po czasie mogą wyłonić się nowe problemy, na razie wszystko śmiga laugh

Podobne pytania

0 głosów
0 odpowiedzi 79 wizyt
pytanie zadane 6 maja 2019 w JavaScript przez ShiroUmizake Nałogowiec (46,300 p.)
0 głosów
0 odpowiedzi 71 wizyt
pytanie zadane 8 listopada 2020 w JavaScript przez Renzov Obywatel (1,220 p.)
0 głosów
1 odpowiedź 220 wizyt
pytanie zadane 9 sierpnia 2019 w JavaScript przez kordix Gaduła (3,910 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...