Блог

Поэтому, когда я нахожусь на домашней странице, (http://127.0.0.1:8000/) Я получаю правильный компонент, который я установил для него в файле vue-маршрутизатора, но всякий раз, когда я захожу в http://127.0.0.1:8000/dashboard он показывает мне ошибку 404, и я действительно не знаю, почему. Путь компонента правильный

Это мой файл vue-маршрутизатора:

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


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>

 

если вы используете laravel vue, вы должны проверить, пройден ли маршрут

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