В моем приложении я создал новый компонент внутри него. У меня есть детский маршрут. На странице рендеринга я перенаправляю на дочерний маршрут, как показано ниже.
Родитель:
<template>
<div>
<app-header></app-header>
<router-view></router-view>
<app-footer></app-footer>
</div>
</template>
Ребенок:
<template>
<div>
I'm child
</div>
</template>
Маршруты:
{
path: '/parent',
name: 'parent',
component: ParentComponent,
meta: {
auth: true,
},
redirect: { name: 'Home' },
children: [
{
path: 'home',
name: 'home',
component: Home,
},
]
},
Это работает. Когда я перенаправляю на эту страницу с другой страницы, страница отображается с дочерним компонентом.
Но когда я обновляю sh страницу, она показывает 404.