How to reset router on page refresh?
<p>How can I force navigation to the '/splash' route on page refresh?</p>

<p>If I find myself at '/discover' and I refresh the page it will remain there, however I'd prefer the application to start from the beginning again (/splash).</p>

<pre><code>const appRoutes: Routes = [
  { path: '', redirectTo: '/splash', pathMatch: 'full' },   
  { path: 'splash'             , component: SplashComponent        },
  { path: 'discover'           , component: DiscoverComponent      },
  { path: 'broadcast'          , component: BroadcastComponent     },
  { path: 'notifications'      , component: NotificationsComponent },
  { path: 'notifications/:key' , component: NotificationComponent  }
];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
</code></pre>

<p>I've attempted to place a <code>router.navigate</code> call within my parent AppComponent's <code>OnInit</code> &amp; <code>OnDestroy</code> methods, however it appears to be ignored.</p>

<pre><code>ngOnInit( ) : void {
    this.router.navigate(['splash']); 
}
</code></pre>

<p>I've also attempted to place the navigate call within the <code>OnDestroy</code> method of the router itself.</p>