Gardianul router.beforeEach() în Vue Router în Vue.js & Nuxt

Ce este router.beforeEach()

Metoda router.beforeEach() înregistrează un gardian global de navigare (Navigation Guard) apelat înainte de fiecare schimbare de URL. Este mecanismul standard pentru securizarea paginilor private (autentificare, verificare roluri de administrator, salvare modificări nesalvate).

Dacă funcția returnează false, navigarea este anulată; dacă returnează o rută (ex: '/login'), utilizatorul este redirecționat automat.

router.beforeEach((to, from) => {
    const esteAutentificat = Boolean(localStorage.getItem('token_jwt'));

    // Verifică dacă ruta necesită autentificare prin proprietatea meta
    if (to.meta.necesitaAutentificare && !esteAutentificat) {
        return { path: '/login', query: { redirect: to.fullPath } };
    }
});