<p>所以當我在主頁(http://127.0.0.1:8000/)上時，我得到了我在vue-router文件中設置的正確組件，但是每當我轉到http://127.0 .0.1:8000/dashboard時，它顯示給我一個404錯誤，我真的不知道為什麼。組件的路徑是正確的</p> <p><strong>這是我的vue-router檔：</strong></p> <pre class="brush:php;toolbar:false;">import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) import loginPage from '../Pages/loginPage' import dashboard from '../Pages/dashboard' const router = new VueRouter({ mode: 'history', routes: [ { path: '/', name: 'login', component: loginPage }, { path: '/dashboard', name: 'dashboard', component: dashboard, }, ], }); export default router;</pre> <p><strong>這是我的app.js檔案</strong></p> <pre class="brush:php;toolbar:false;">import Vue from 'vue'; import index from './Index.vue' import VueRouter from 'vue-router' Vue.use(VueRouter) import router from './router'; import axios from 'axios'; import VueAxios from 'vue-axios'; window.Vue = require('vue').default; new Vue({ router, render: h => h(index), }).$mount('#app')</pre> <p><strong>這是index.vue檔案（我在連結更改時顯示元件的地方）</strong></p> <pre class="brush:php;toolbar:false;"><template> <div class="aa"> <p>hallo world</p> <router-view/> </div> </template> <script> export default { mounted() { console.log('Component hoi.') } } </script></pre>

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