Problem mit Routing in angular 2 App mit asp.net MVC 5 Anwendung

Question

Ich habe eine angular 2 App, die gut funktioniert, außer für das Routing. Es läuft neben einer MVC5 asp.net App.

Das Problem ist, dass es immer auf die Standardroute geht. Das heißt, dass keine der von mir bereitgestellten Routen eine Übereinstimmung findet.

@RouteConfig([ 
     { path: '/Page1', name: 'Page1', component: Page1Component, useAsDefault: true }, 
     { path: '/Page2', name: 'Page2', component: DPage2Component, useAsDefault: false } 
    ]) 

Wenn ich versuche, zu navigieren: „localhost: 8000/Seite 2“, dann die MVC-Ansicht für Page2 richtig eingelegt, aber dann wird die URL localhost geändert: 8000/Seite 2/Seite1 und der Winkel App für Seite1 wird geladen.

Ich habe versucht mit <base href="/"> in den Kopf der HTML-Seite und ich habe versucht mit und ohne die/in den Pfad geschnitten, aber keiner von ihnen scheint zu entsprechen.

Meine MVC Route Config ist wie folgt:

app.UseMvc(config => 
     { 
     config.MapRoute(
      name: "Default", 
      template: "{controller}/{action}/{id?}", 
      defaults: new { controller = "Home", action = "Index" } 
     ); 
     }); 

Irgendwelche Ideen dazu? Selbst eine Protokollierung wäre hilfreich.

Ich habe versucht, von angular2 beta8 zu beta 16, aber das hat das Problem nicht gelöst.

Answer 1

Versuchen Sie Folgendes in config.MapRoute

app.UseMvc(config => 
 
    { 
 
    config.MapRoute(
 
     name: "Default", 
 
     url: "{*.}", 
 
     defaults: new { controller = "Home", action = "Index" } 
 
    ); 
 
    });