Whenever I refresh a component in my Angular application implemented with version 17, the URL 'localhost:4200/(path)' reverts back to 'localhost:4200'. Interestingly, this behavior is consistent across three components except for the HomeComponent. Even though the path changes, the component remains visible on the screen. However, the problem arises when navigating between different components: there's an unnecessary page reload when accessing a component, transitioning to the next one that shows up on the screen, but the URL does not reflect the change except for 'localhost:4200/home.' The root cause of this issue lies in the path configuration I defined as { path: '', redirectTo: '/home', pathMatch: 'full' }.
View before page reload View after page reload I can still access other components, but the URL is not updated and triggers a page reload Project Link
I am seeking a solution to update the URL correctly (after manual modifications)