Angular href = '/' nicht auflösen

Question

Ich habe eine Route konfiguriert, um auf eine Standardseite /patients umleiten, und sonst sendet es den Benutzer an /login. Derzeit, wenn ich zu localhost:<port> navigieren, bekomme ich die Standardseite. Das Problem entsteht dadurch, dass man mit href = '/' auf das Logo klicken möchte. Wenn ich dies tue, wird die Auflösungsfunktion nicht aufgerufen. Es macht im Wesentlichen nichts aus und entfernt die Seitenelemente, die hinter der Authentifizierung leben sollen.

Ist das falsch konfiguriert? Kann mir jemand sagen, was hier passiert? Bitte lassen Sie mich wissen, wenn Sie weitere Informationen benötigen. Vielen Dank.

Answer 1

Sie müssen den Link auf '# /' setzen, da Ihr eckiges Routing im Hashbang-Modus arbeitet. Werfen Sie einen Blick auf diese thread für weitere Informationen über Hasband-Modus und HTML5-Modus. Wenn Sie das '#' von Ihren Routen loswerden möchten, versuchen Sie, den HTML5-Modus zu aktivieren.

app.config(['$routeProvider', '$locationProvider' function ($routeProvider, $locationProvider) { 
    $routeProvider. 
     when('/patients', { 
      templateUrl: '/templates/dashboard.html', 
      requireLogin: true, 
      resolve: { 
       auth: function (SessionService) { 
        SessionService.resolve() 
       } 
      } 
     }). 
     when('/', { 
      redirectTo: '/patients' 
     }). 
     otherwise({ 
      redirectTo: '/login' 
     }); 
     $locationProvider 
      .html5Mode(true) 
}]) 

Nur ein Wort der Vorsicht, nach der Aktivierung von HTML5-Modus, direkte Winkel Links können nicht funktionieren: Der Code würde etwas Link mit diesem sein. Sie müssen die Serverkonfiguration ein wenig ändern, um die Links zum Einstiegspunkt in Ihrer Anwendung neu zu schreiben. Wenn Sie ASP.NET verwenden, fügen Sie in Ihrer Datei web.config eine Rewrite-Regel hinzu. Fügen Sie dies unter dem Abschnitt system.webServer

<rewrite> 
    <rule name="HTML5 Compatible Mode" stopProcessing="true"> 
       <match url=".*" /> 
       <conditions> 
       <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
       <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
       <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /> 
       </conditions> 
       <action type="Rewrite" url="/" /> 
    </rule> 
</rewrite>