<p>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</p> <p><strong>Dies ist meine Vue-Router-Datei:</strong></p> <pre class="brush:php;toolbar:false;">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;</pre> <p><strong>Dies ist meine app.js-Datei</strong></p> <pre class="brush:php;toolbar:false;">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')</pre> <p><strong>Dies ist die Datei index.vue (in der ich die Komponente anzeige, wenn sich der Link ändert)</strong></p> <pre class="brush:php;toolbar:false;"><template> <div class="aa"> <p>Hallo Welt</p> <router-view/> </div> </template> <script> Standard exportieren { mount() { console.log('Komponente hoi.') } } </script></pre>

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