title: When refreshing Angular app, it ignores current URL and goes back to root URl
body: <p>If my Angular app, if I navigate (via explicitly typing in the URL or clicking a page link to it) to <code>http://localhost:4200/#/sign-in</code> the page loads fine and shows my sign in form. If I then click <kbd>Refresh</kbd> in my browser, I am taken back to the root page <code>http://localhost:4200/#/</code>.</p>
  
  <p>My router is simple:</p>
  
  <pre><code>export const routes: Route[] = [
    { path: 'sign-up', component: SignUpComponent},
    { path: 'sign-in', component: SignInComponent},
    { path: 'admin', loadChildren: 'app/admin/admin.module#AdminModule'},
    { path: 'dashboard', loadChildren: 'app/user/user.module#UserModule', canActivate: [ UserLoggedInGuard ]},
    { path: '', pathMatch: 'full', component: HomeComponent},
    { path: '**', pathMatch: 'full', component: PageNotFoundComponent},
  ]
  </code></pre>
  
  <p>I am using </p>
  
  <ul>
  <li>Windows 8</li>
  <li>Chrome 62</li>
  <li><code>@angular/core": "^4.2.4</code></li>
  <li><code>@angular/router": "^4.2.4</code></li>
  </ul>
  
  <p>Any ideas why this is happening?</p>