title: Refreshing with Angular 4 repeats current route
body: <p>I am using Angular 4 in a project I am working on. I don't have much experience with Angular and I am supposed to fix a bug. I think it's pretty easy, but when I load the app and get the <code>/home</code> route, if I click the refresh button another <code>/home</code> is appended to the URL.</p>
  
  <p>My <code>RouterModule</code> config looks like this:</p>
  
  <pre><code>RouterModule.forRoot([
      { path: '', redirectTo: 'home', pathMatch: 'full' },
      { path: 'home', component: HomeComponent },
      /* other paths mapping to components */
      { path: '**', redirectTo: 'home' }
  ])
  </code></pre>
  
  <p>Any ideas for a novice?</p>