无法实现vue-router的路径跳转

Question

所以当我在主页(http://127.0.0.1:8000/)上时，我得到了我在vue-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')

这是index.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 Vue，你必须检查你是否传递了路由

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