Impossible de réaliser un saut de chemin de vue-router

Question

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)

<template>
    <div class="aa">
        <p>bonjour le monde</p>
        <vue-routeur/>
    </div>
</modèle>

<script>
    exporter par défaut {
        monté() {
            console.log('Composant hoi.')
        }
    }
</script>

Answer 1

Si vous utilisez Laravel Vue, vous devez vérifier si vous passez l'itinéraire

Route::get('/{any}', function () {
  return view('welcome');
})->where('any','.*')->name('vue')