path: "**" for not found page
<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>