Angular 2 + IIS bei Aktualisierung 404 Fehler

Question

Ich habe kürzlich ein angular 2-Projekt in vs2015 und IIS 7.5 angegeben. Ich habe ein Problem mit der Aktualisierung von Seiten, wenn ich eine Seite aktualisieren ich bekomme

"HTTP-Fehler 404.0 - nicht gefunden".

Und hier ist mein Winkel Code: In index.html habe ich

<script>document.write('<base href="' + document.location + '" />');</script> 

In app.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { HttpModule } from '@angular/http'; 
import { RouterModule } from '@angular/router'; 

import { AppComponent } from './app.component'; 
import { HomeComponent } from './components/home/home.component'; 

import { HomeModule } from './modules/home.module'; 
import { CodesModule } from './modules/codes.module'; 
import { AdminModule } from './modules/admin.module'; 

@NgModule({ 
    imports: 
    [ 
     BrowserModule, 
     HttpModule, 
     RouterModule.forRoot([ 
      { path: 'home', component: HomeComponent }, 
      { path: 'home/:unauthorized', component: HomeComponent }, 
      { path: '', redirectTo: 'home', pathMatch: 'full' }, 
      { path: '**', redirectTo: 'home', pathMatch: 'full' }, 
     ]), 
     HomeModule, 
     CodesModule, 
     AdminModule 
    ], 
    declarations: 
    [ 
     AppComponent, 
     HomeComponent 
    ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

Und die anderen Module:

import { NgModule } from '@angular/core'; 

import { RouterModule } from '@angular/router'; 

import { CodesComponent } from '../components/codes/codes.component'; 

@NgModule({ 
    declarations: 
    [ 
     CodesComponent 
    ], 
    imports: 
    [ 
     RouterModule.forChild([ 
      { path: 'codes', component: CodesComponent }, 
     ]) 
    ] 
}) 
export class CodesModule { 

} 

import { NgModule } from '@angular/core'; 

import { RouterModule } from '@angular/router'; 

import { AdminCompoment } from '../components/admin/admin.component'; 

@NgModule({ 
    declarations: 
    [ 
     AdminCompoment 
    ], 
    imports: 
    [ 
     RouterModule.forChild([ 
      { path: 'admin', component: AdminCompoment }, 
     ]) 
    ] 
}) 
export class AdminModule { 

} 

Wenn ich versuche mit Hash-Tag funktioniert, aber ich will nicht t o verwenden hat tag. Ich habe versucht, Regeln in IIS zu überschreiben, aber wenn ich einige Seiten aktualisieren, habe ich nur Redirect auf der Hauptseite.

Bitte um Hilfe. Danke.

Answer 1

Gelöst. Schritte:

1. hinzufügen Rewrite in web.config mit Aktion wie diese <action type="Rewrite" url="/eUsluge.Administration.UI/" appendQueryString="true" />

2. Index.HTML fügen Sie diese

<base href="/Application/" />