Comment puis-je supprimer le hachage des URL dans le routage AngularJS ?

Routage dans AngularJS : éviter le hachage

Dans AngularJS, le $routeProvider vous permet de définir des règles de routage pour votre application. Par défaut, ces URL incluent un hachage (#) au format app/#/test.

Pourquoi AngularJS utilise-t-il le hachage ?

Le hachage est utilisé comme solution de secours pour les navigateurs qui le font ne prend pas en charge l'API d'historique de HTML5. Dans ces navigateurs, la navigation vers une URL avec un hachage déclenche un événement côté client au lieu d'une requête HTTP vers le serveur. Cela permet à AngularJS de gérer le routage et d'éviter que le serveur ne soit touché inutilement.

Désactivation du hachage

Pour éviter d'utiliser le hachage dans les URL, vous pouvez utiliser le $locationProvider.html5Mode(true) configuration. Cela demandera à AngularJS d'utiliser l'API d'historique HTML5 si elle est disponible.

Voici un exemple :

app.config(function($locationProvider) {
  $locationProvider.html5Mode(true);
});

Prise en charge des navigateurs

L'API d'historique HTML5 n'est prise en charge que dans les navigateurs modernes. . Une liste des navigateurs pris en charge est disponible sur le site Web Can I Use : http://caniuse.com/#feat=history

Si vous devez prendre en charge des navigateurs plus anciens, vous devrez conserver le hachage dans votre URL ou fournissez un polyfill pour l'API History.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!