estoy usando angular 10 con firebase lo que pasa es que al hacer deploy de la aplicacion con firebase, trato de acceder a una ruta que hice desde app-routing.module.ts la cual se accede por medio del id del post la cual es post/:id. he intentado almacenar esa misma ruta en otra constante y aun asi me sigue dando el 404, el deploy me funciona bien pero cuando intento compartir el link del post me tira el not found.
const routes: Routes =
[
{path:'',component:ContainerAppComponent,children:
[
{ path: '', loadChildren: () => import('./components/pages/home/home.module').then(m => m.HomeModule) },
**{path:'post/:id',component:DetailsPostComponent}**,
{ path: 'about', loadChildren: () => import('./components/pages/about/about.module').then(m => m.AboutModule) },
{path:'',redirectTo:'',pathMatch:'full'}
]
},
{ path: 'admin', loadChildren: () => import('./components/admin/admin.module').then(m => m.AdminModule) },
{ path: 'login', loadChildren: () => import('./components/auth/login/login.module').then(m => m.LoginModule) },
{ path: 'stat', loadChildren: () => import('./components/posts/estadisticas/estadisticas.module').then(m => m.EstadisticasModule) },
]
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
el proposito de poder acceder a la ruta es poderla copiar y compartir en otras partes sin que me tire este error en el firebase