Configurarea Vue Router cu createRouter() și createWebHistory() în Vue.js & Nuxt

Configurarea ruterului în Vue 3

În Vue Router 4, inițializarea sistemului de navigare se face prin funcția modulară createRouter() combinată cu furnizorul de istoric:

• createWebHistory(): utilizează API-ul HTML5 History pentru URL-uri curate (fără caracterul #). Necesită configurarea serverului web (Nginx/Apache) pentru rescriere către index.html.
• createWebHashHistory(): funcționează exclusiv pe baza fragmentului hash din URL (ex: #/despre), util când nu aveți acces la configurarea serverului.

import { createRouter, createWebHistory } from 'vue-router';
import Acasa from './views/Acasa.vue';

export const router = createRouter({
    history: createWebHistory(),
    routes: [
        { path: '/', component: Acasa },
        { path: '/despre', component: () => import('./views/Despre.vue') }
    ]
});