Tidak dapat mencapai lompatan laluan vue-router

Question

Jadi apabila saya berada di halaman utama (http://127.0.0.1:8000/) saya mendapat komponen yang betul yang saya tetapkan dalam fail vue-router, tetapi apabila saya pergi ke http://127.0 . 0.1:8000/papan pemuka, ia menunjukkan kepada saya ralat 404 dan saya benar-benar tidak tahu mengapa. Laluan ke komponen adalah betul

Ini ialah fail vue-router saya:

import Vue daripada 'vue'
import VueRouter daripada 'vue-router'

Vue.use(VueRouter)

import LoginPage dari '../Pages/loginPage'
import papan pemuka daripada '../Pages/dashboard'

penghala const = VueRouter baharu({
    mod: 'sejarah',
    laluan: [
        {
            laluan: '/',
            nama: 'log masuk',
            komponen: loginPage
        },
        {
            laluan: '/papan pemuka',
            nama: 'papan pemuka',
            komponen: papan pemuka,
        },
    ],
});

eksport penghala lalai;</pra>
<p><strong>Ini ialah fail app.js saya</strong></p>
<pre class="brush:php;toolbar:false;">import Vue daripada 'vue';
import indeks daripada './Index.vue'

import VueRouter daripada 'vue-router'
Vue.use(VueRouter)
import penghala daripada './router';

import axios daripada 'axios';
import VueAxios daripada 'vue-axios';

window.Vue = memerlukan('vue').default;


newVue({
    penghala,
    render: h => h(indeks),
  }).$mount('#app')

Ini ialah fail index.vue (di mana saya memaparkan komponen apabila pautan berubah)

<template>
    <div class="aa">
        <p>halo dunia</p>
        <pandangan penghala/>
    </div>
</template>

<skrip>
    eksport lalai {
        dipasang() {
            console.log('Komponen hoi.')
        }
    }
</script>

Answer 1

Jika anda menggunakan Laravel Vue, anda mesti menyemak sama ada anda melepasi laluan tersebut

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