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