<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>
1
741
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
如果你正在使用 Laravel Vue，你必须检查你是否传递了路由
Route::get('/{any}', function () { return view('welcome'); })->where('any','.*')->name('vue')