<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')