title: path: "**" for not found page
body: <p>I`am use routing in angular 2 with typescript. </p>
  
  <p>In main <code>index.html</code> i add <code>&lt;base href=""&gt;</code>, not <code>&lt;base href="/"&gt;</code>, because i need special route for my project, and everything is working, but i have some problem with not found page. Here is a part of my <code>app.route.ts</code>: </p>
  
  <pre><code>const appRoutes: Routes = [
      { component: LaskComponent, path: "table_per" },
      { component: LaskComponent, path: "table_per/:id" },
      { component: DashboardComponent, path: "dashboard" },
      { component: LoginComponent, path: "login" },
      { path: "", pathMatch: "full", redirectTo: "login" },
      { component: HomeComponent, path: "home" },
      { component: NotFoundComponent, path: "not_found" },
      { path: "**", redirectTo: "not_found" },
  ];
  export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
  </code></pre>
  
  <p>And this is <code>NotFoundComponent</code>:</p>
  
  <pre><code>import { Component } from "@angular/core";
  @Component({
      template: ' 
          &lt;div class="container"&gt;
              &lt;h1&gt;Not found page&lt;/h1&gt;
          &lt;/div&gt;',
  })
  export class NotFoundComponent {};
  </code></pre>
  
  <p>When i start a project in chrome on <code>localhost</code>, i redirect to <code>localhost/login</code>, and everything is OK, but when i check a not found page like this <code>localhost/sxvknb</code>, i get this page <code>localhost/sxvknb/login</code> and redirect in login form again. What is the problem? Maybe with</p>
  
  <pre><code>{ path: "**", redirectTo: "not_found" }
  </code></pre>
  
  <p>Launch my project i can start with 3 deploys:</p>
  
  <p><a href="https://i.stack.imgur.com/4c7gn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4c7gn.png" alt="enter image description here"></a></p>