Angular 2 routing not working on page refresh with Apache
<p>Using Angular 2 RC 4 with the updated @angular/router, I got the route URLs to display in the browser using the answer in <a href="https://stackoverflow.com/questions/34816025/angular2-routing-deep-linking-not-working-with-apache-404">this question</a></p>

<p>However, when I refresh or directly request a page with a route other than the default, it takes me to the default page (as if I requested index.html) rather than the routed page I want. How can I make the Angular 2 routes work correctly on a page refresh with Apache 2.4?</p>

<p>Routes and bootstrap:</p>

<pre><code>const routes: RouterConfig = [
{ path: '', redirectTo: 'dashboardTab', terminal: true },
{ path: 'dashboardTab', component: DashboardComponent },
{ path: 'missionTab', component: MissionComponent, children: childRoutes }];

bootstrap(NavbarComponent, [disableDeprecatedForms(), provideForms(),   provideRouter(routes), {provide: Window, useValue: window}, HTTP_PROVIDERS, ResponsiveState, {provide: PLATFORM_DIRECTIVES, useValue: RESPONSIVE_DIRECTIVES, multi: true}]).catch((err: any) =&gt; console.error(err));
</code></pre>

<p>base href in index.html:
    <code>&lt;base href="/"&gt;</code></p>