title: Angular 2 Final - How to prevent 404 when refreshing the browser with url matrix notation instead query string?
body: <p>I've this...</p>
  
  <pre><code> this.router.navigate(['search', this.searchParameters]);
  </code></pre>
  
  <p>that's generates something like '/search;text=test;dateFrom=12-10-2016'</p>
  
  <p>that's works fine !</p>
  
  <p>However...if I refresh my browser or press enter on the URL address bar, I will got a 404...</p>
  
  <p>Cannot GET /search;text=test;dateFrom=12-10-2016</p>
  
  <p>Using angular 2 beta it's used to work because the beta was using the standard query string format like ?text=test&amp;dateFrom=12-10-2016.</p>
  
  <p>Now, the final Angular 2 uses Url Matrix Notation to handle parameters that's came from the URL.</p>
  
  <p>Any clue about how to make this work ?</p>
  
  <p>Not sure if it's helps, but this is my app.routing.ts</p>
  
  <pre><code>import { ModuleWithProviders }  from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { HomeComponent }      from './components/pages/home/home.component';
  import { SearchComponent }      from './components/pages/search/search.component';
  const appRoutes: Routes = [
  {
  path: '',
  redirectTo: '/home',
  pathMatch: 'full'
  },
  {
  path: 'search',
  component: SearchComponent
  }
  ];
  </code></pre>
  
  <p>export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);</p>
  
  <p>Also, i've this on my gulp/browserSync...</p>
  
  <pre><code>browserSync.init({
     server: {
          baseDir: "./",
          routes: {
              "/home": "index.html",
              "/search": "index.html"
          }
      }
  });
  </code></pre>