Utilitarul navigateTo() în Nuxt 3 în Vue.js & Nuxt

Ce este navigateTo() în Nuxt 3

Spre deosebire de router.push() care funcționează exclusiv în browser pe partea de client, navigateTo() este proiectat să funcționeze universal: pe server declanșează un antet de redirecționare HTTP (301 sau 302), iar în browser efectuează tranziția fluidă fără reîncărcarea paginii. În plus, suportă redirecționări externe cu parametrul external: true.

// middleware/auth.ts
export default defineNuxtRouteMiddleware((to, from) => {
    const token = useCookie('auth_token');

    if (!token.value) {
        return navigateTo('/autentificare', { redirectCode: 302 });
    }
});