Comment puis-je supprimer le hachage # des URL AngularJS ?

Naviguer dans les URL AngularJS sans le hachage "#"

Dans AngularJS, les routes sont définies à l'aide du service $routeProvider, qui attribue des URL à des contrôleurs et modèles Par défaut, AngularJS ajoute un caractère de hachage (#) au début des URL, ce qui donne des chemins comme. "app/#/test" au lieu de "app/test."

Pourquoi le hachage ?

Le hachage est nécessaire pour les navigateurs non HTML5. Ces navigateurs interprètent. URL avec des hachages comme modifications côté client plutôt que comme requêtes du serveur, permettant à AngularJS de contrôler le routage sans recharger le page.

Suppression du hachage

Pour éviter le hachage, vous pouvez utiliser la méthode $locationProvider.html5Mode(true) Cette méthode active l'API d'historique HTML5, qui. permet la réécriture d'URL sans hachage.

Navigateur Assistance

L'API d'historique HTML5 n'est pas prise en charge par tous les navigateurs. La liste suivante répertorie les navigateurs qui la prennent en charge :

• Chrome
• Firefox
Safari
• Opéra
• Bord (Microsoft)

Implémentation

Pour supprimer le hachage des URL AngularJS, suivez ces étapes :

Ajoutez $locationProvider. html5Mode(true) à la configuration de votre application bloquer :

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

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!