Hi, I am using the Master-Detail layout and I have an issue with routing after reloading page.
I have routes structure like below and when i go deeper to on of detail route – /timetable/
which contains tabs structure and then reload page (imitation of second user’s enter) a have an issue like on gif (master page is missing).
I was trying to turn off pushState
and it works but then my routing from outside (navigation by link or QR etc.) is crashing because browser stops to recognize url.
So i need an advice for routes stricture or any
Thanks
f7 v5.7.14
vue 2.6.11
Routes like this:
export default [
{
path: "/",
component: MainPage,
master: true,
detailRoutes: [
{
path: "/timetable/",
component: TimetablePage,
routes: [
{
path: "/event/:scheduleId/:eventId/:itemId/",
component: EventPage,
tabs: [
{
path: "/",
id: "tab-questions",
component: QuestionsPage,
},
{
path: "/questions/",
id: "tab-questions",
component: QuestionsPage,
},
{
path: "/info/",
id: "tab-info",
component: EventInfoPage,
},
{
path: "/polls/",
id: "tab-polls",
component: PollsPage,
},
{
path: "/materials/",
id: "tab-materials",
component: MaterialsPage,
}
],
routes: [
{
path: "/questions/:questionId/",
component: QuestionPage
},
{
path: "/polls/:pollId/",
component: PollPage
},
{
path: "/slidepresentation/",
component: SlidePresentationPage,
routes: [
{
path: "/:questionId/comments/",
popup: {
component: CommentsPage
}
},
]
},
],
},
]
},
{
path: "/info/",
component: InfoPage,
},
{
path: "/notifications/",
component: NotificationPage
},
{
path: "/profile/",
component: ProfilePage
}
]
},
...commonHighRoutes,
{
path: "(.*)",
component: NotFoundPage
}
];
Example gif: