Wie kann ich den #-Hash aus AngularJS-URLs entfernen?

Navigieren in AngularJS-URLs ohne den „#“-Hash

In AngularJS werden Routen mithilfe des $routeProvider-Dienstes definiert, der URLs bestimmten zuweist Standardmäßig fügt AngularJS am Anfang von URLs ein Hash-Zeichen (#) hinzu, was zu Pfaden wie folgt „app/#/test“ statt „app/test“.

Warum der Hash?

Der Hash ist für Nicht-HTML5-Browser notwendig URLs mit Hashes als clientseitige Änderungen und nicht als Serveranforderungen, sodass AngularJS das Routing steuern kann, ohne die Seite neu laden zu müssen.

Entfernen der Hash

Um den Hash zu vermeiden, können Sie die Methode $locationProvider.html5Mode(true) verwenden. Diese Methode aktiviert die HTML5-Verlaufs-API, die das Umschreiben von URLs ohne den Hash ermöglicht.

Browser-Unterstützung

Die HTML5-Verlaufs-API wird nicht von allen Browsern unterstützt. Die folgende Liste zeigt Browser, die dies unterstützen it:

• Chrome
• Firefox
• Safari
• Opera
• Edge (Microsoft)

Implementierung

Um den Hash aus AngularJS-URLs zu entfernen, führen Sie die folgenden Schritte aus:

1. Fügen Sie $locationProvider hinzu. html5Mode(true) zur Konfiguration Ihrer App hinzufügen Block:

angular.module('myApp').config(['$locationProvider', function($locationProvider) {
  $locationProvider.html5Mode(true);

2. Ensure that your server is configured to handle URL rewriting for HTML5 mode.

Das obige ist der detaillierte Inhalt vonWie kann ich den #-Hash aus AngularJS-URLs entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!