Der Pfadsprung des Vue-Routers konnte nicht erreicht werden

Question

Wenn ich also auf der Homepage bin (http://127.0.0.1:8000/), erhalte ich die richtigen Komponenten, die ich in der vue-router-Datei festgelegt habe, aber immer dann, wenn ich zu http://127.0 .0.1 gehe :8000/dashboard, es zeigt mir einen 404-Fehler und ich weiß wirklich nicht warum. Der Pfad zur Komponente ist korrekt

Dies ist meine Vue-Router-Datei:

Vue aus 'vue' importieren
VueRouter aus „vue-router“ importieren

Vue.use(VueRouter)

loginPage aus '../Pages/loginPage' importieren
Dashboard aus „../Pages/dashboard“ importieren

const router = new VueRouter({
    Modus: 'Geschichte',
    Routen: [
        {
            Weg: '/',
            Name: 'Anmelden',
            Komponente: loginPage
        },
        {
            Pfad: '/dashboard',
            Name: 'Dashboard',
            Komponente: Armaturenbrett,
        },
    ],
});

Standardrouter exportieren;

Dies ist meine app.js-Datei

Vue aus 'vue' importieren;
Index aus './Index.vue' importieren

VueRouter aus „vue-router“ importieren
Vue.use(VueRouter)
Router aus „./router“ importieren;

Axios aus 'Axios' importieren;
VueAxios aus „vue-axios“ importieren;

window.Vue = require('vue').default;


newVue({
    Router,
    rendern: h => h(index),
  }).$mount('#app')

Dies ist die Datei index.vue (in der ich die Komponente anzeige, wenn sich der Link ändert)

<template>
    <div class="aa">
        <p>Hallo Welt</p>
        <router-view/>
    </div>
</template>

<script>
    Standard exportieren {
        mount() {
            console.log('Komponente hoi.')
        }
    }
</script>

Answer 1

如果你正在使用 Laravel Vue，你必须检查你是否传递了路由

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