Hi,
in my pwa I use the standard tabs that are created with the cmd “ionic start projectname tabs --type=angular --capacitor”. I just renamed the tabs (e.g. tab1 => tabstart). Here is the standard code
app-routing.module.ts
const routes: Routes = [
{
path: '',
loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
},
<other pages>
];
tabs-routing.module.ts
const routes: Routes = [
{
path: 'tabs',
component: TabsPage,
children: [
{
path: 'tabstart',
loadChildren: () => import('../tabstart/tabstart.module').then( m => m.TabstartPageModule)
},
<other tabs>
{
path: '',
redirectTo: '/tabs/tabstart',
pathMatch: 'full'
}
]
},
{
path: '',
redirectTo: '/tabs/tabstart',
pathMatch: 'full'
}
];
When you serve the project (ionic serve", you see in the address line “localhost:8100/tabs/tabstart”. When you press Reload, it just reloads the tabpage tabstart again.
But on the app server you get to see the address “https://mydomain/tabs/tabstart” when entering the url https://mydomain/ Then when you press Reload the browser says “The requested URL was not found on this server”.
I suspect that I have to activate something on the server (Debian / Apache). Could that be?