無法實現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')