vue-router不去其他路径

Question

所以当我在主页上(http://127.0.0.1:8000/)时，我得到了正确的组件，我在vye -router文件中设置了它，但每当我去http://127.0.0.1:8000/dashboard时，它向我显示了404错误，我真的不知道为什么。组件的路径是右

这是我的vue-router文件

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;

这是我app.js文件

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

这是索引，vue文件(每当链接更改时，我都会显示组件)

<template>
<div class="aa">
<p>hallo world</p>
<router-view/>
</div>
</template>
<script>
export default {
mounted() {
console.log('Component hoi.')
}
}
</script>

Answer 1

如果你使用laravel值，你必须检查你是否通过了route

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