Ainsi, lorsque je suis sur la page d'accueil (http://127.0.0.1:8000/), j'obtiens les composants corrects que j'ai définis dans le fichier vue-router, mais chaque fois que je vais sur http://127.0 .0.1 :8000/dashboard, ça m'affiche une erreur 404 et je ne sais vraiment pas pourquoi. Le chemin d'accès au composant est correct

Voici mon fichier vue-router :

importer Vue depuis 'vue' importer VueRouter depuis 'vue-router' Vue.use(VueRouter) importer la page de connexion depuis '../Pages/loginPage' importer le tableau de bord depuis '../Pages/dashboard' const routeur = nouveau VueRouter ({ mode : 'historique', itinéraires : [ { chemin: '/', nom : 'connexion', composant : page de connexion }, { chemin : '/tableau de bord', nom : 'tableau de bord', composant : tableau de bord, }, ], }); exporter le routeur par défaut ;

Voici mon fichier app.js

importer Vue depuis 'vue'; importer l'index depuis './Index.vue' importer VueRouter depuis 'vue-router' Vue.use(VueRouter) importer le routeur depuis './router' ; importer des axios depuis 'axios' ; importer VueAxios depuis 'vue-axios' ; window.Vue = require('vue').default; nouvelleVue({ routeur, rendu : h => h(index), }).$mount('#app')

Voici le fichier index.vue (où j'affiche le composant lorsque le lien change)