Как работают дети в роутере Vue?

Question

[phpForeve]

Все роуты работают кроме последнего (example.com/news/create) - Как правильно написать роут, чтобы это работало.

{
        path: '',
        component: Main,
        children: [
            {
                path: '',
                name: 'index-page',
                component: Index
            },
            {
                path: 'homes',
                name: 'homes-list',
                component: Homes
            },
            {
                path: 'news',
                name: 'news-index',
                component: News,
                children: [
                    {
                        path: 'news/create',
                        name: 'news-create',
                        component: NewsCreate,
                    }
                ]
            },
        ]
    },

Answer 1

[Evgeny Kulakov]

Заменить:

children: [
                    {
                        path: 'news/create',
                        name: 'news-create',
                        component: NewsCreate,
                    }
                ]

на :

children: [
                    {
                        path: 'create',
                        name: 'news-create',
                        component: NewsCreate,
                    }
                ]

?

Comments

[phpForeve]

В этом случае я получаю Ошибку Resource interpreted as Stylesheet but transferred with MIME type text/html: "localhost/news/assets/stylesheets/application.css" -

Файл applocation.css лежит в assets/stylesheets . И на остальных страницах спокойно находится, но не здесь.

[Evgeny Kulakov]

Ну т.е. страница нашлась, теперь проблема при ее загрузке? Думаю, что к роутеру это отношение не имеет. Трудно без кода что-то сказать. Покурите гугл на тему этой ошибки.

[phpForeve]

Evgeny Kulakov: Спасибо. я уже нашел ошибку. забыл указать тег base в index.html