Компонент Vue воспроизводится, но страница пуста. Я могу увидеть код, проверив страницу

Question

я делаю статический сайт с laravel и vue.js.Я делаю

Route::get('/', function () {
    return view('layouts.master');
});

этот маршрут, введите код для загрузки домашней страницы, а

import VueRouter from 'vue-router'
import home from './components/home.vue'
import About from './components/About.vue'
import Contact from './components/Contact.vue'

Vue.use(VueRouter)

const routes = [

    { path: '/about', component: About },
    {
        path: '/',
        component: home
    },
    {
        path: '/contact',
        component: Contact
    }

]

const router = new VueRouter({
    mode: 'history',
    routes, // short for `routes: routes`,

})

- мой код appp.js.В первый раз, когда страница загружается на localhost: 8000, домашняя страница работает нормально, но когда я нажимаю на другой маршрут и возвращаюсь, он не работает, он показывает мне пустую страницу.но я могу увидеть HTML-страницу, проверяя.

Answer 1

Похоже, history mode неправильно настроен на стороне сервера.

В качестве теста измените это:

const router = new VueRouter({
    mode: 'history',
    routes, // short for `routes: routes`,

})

... на это:

const router = new VueRouter({
    //mode: 'history',
    routes, // short for `routes: routes`,

})

Если это работает , это означает, что ваша сторона сервера не настроена должным образом для Vue History Mode, и вам нужно будет настроить свою сторону сервера для включения режима истории.

• Пример 1
• Пример 2 - прокрутить чуть более половины до раздела «На стороне сервера»