путь: "**" для не найдена страница

Question

Я использую маршрутизацию в угловом 2 с машинописным текстом.

В основном index.html Я добавляю <base href="">, а не <base href="/">, потому что мне нужен специальный маршрут для моего проекта, и все работает, но у меня есть проблема с не найденной страницей. Вот часть моего app.route.ts:

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); 

И это NotFoundComponent:

import { Component } from "@angular/core"; 
@Component({ 
    template: ' 
     <div class="container"> 
      <h1>Not found page</h1> 
     </div>', 
}) 
export class NotFoundComponent {}; 

Когда я начала проект в хроме на localhost, я перенаправлять localhost/login, и все в порядке, но когда я проверьте, нет ли такой страницы localhost/sxvknb, я получаю эту страницу localhost/sxvknb/login и снова перенаправляюсь в форме входа. В чем проблема? Может быть, с

{ path: "**", redirectTo: "not_found" } 

Запуск моего проекта я могу начать с 3 развертывает:

Answer 1

Это может устранить проблему:

import {APP_BASE_HREF} from '@angular/common'; 

@NgModule({ 
    declarations: [AppComponent], 
    bootstrap: [AppComponent], 
    imports: [BrowserModule, routing /* or RouterModule */], 
    providers: [{provide: APP_BASE_HREF, useValue : '/' }] 
]); 

Смотрите также Angular 2 router no base href set