Проблема с vue router, режим истории не работает на втором уровне - PullRequest
Новая
       1

Проблема с vue router, режим истории не работает на втором уровне

0 голосов
/ 19 мая 2019

У меня есть проект vuejs, использующий маршрутизатор vue. Я сделал панель управления для своего веб-сайта, и я хотел добавить в нее второй маршрутизатор. 

import Vue from 'vue'
import Router from 'vue-router'
import Index from "@/views/Admin/Index.vue";
import ContactIndex from "@/views/Admin/Contact/Index.vue";

Vue.use(Router)

const router = new Router({
    mode: "history",
    routes: [{
            path: '/admin',
            name: 'admin',
            component: Index,
            meta: {
                requireAuth: true
            }
        },
        {
            path: '/admin/contact',
            name: 'contact',
            component: ContactIndex,
            meta: {
                requireAuth: true
            }
        }
    ]
})
export default router;

Проблема в том, что когда я пытался открыть, скажем,«/ admin / contacts» в моем браузере вручную или обновил страницу, контакт не загрузился, и я получил ошибку 404

НО, когда я нажимаю на тег router-link, который связан с этим адресом, онработает как задумано

Как я могу это исправить?

1 Ответ

0 голосов
/ 20 мая 2019

Если вы используете среду разработки и используете webpack-dev-server для запуска своего приложения, вам нужно добавить historyApiFallback: true в devServer prop вашего файла конфигурации webpack

...