Comment puis-je supprimer le Hashbang ennuyeux (#) du routage AngularJS ?

Routage AngularJS sans le Hashbang ennuyeux (#)

Dans AngularJS, le routage vous permet de définir différents états et vues pour votre application. Lorsque vous utilisez $routeProvider pour déclarer des règles de routage, vous remarquerez peut-être que les URL dans le navigateur incluent un symbole dièse (#). Par exemple, la navigation vers la page « test » peut ressembler à « app/#/test » au lieu de « app/test ».

Pourquoi le hachage ?

AngularJS utilise le symbole de hachage pour les navigateurs non HTML5 pour empêcher les appels HTTP vers le serveur. Sans le hachage, les anciens navigateurs enverraient des requêtes au serveur au href spécifié, ce qui n'est pas souhaité pour la navigation côté client.

Éviter le Hashbang

À éviter le hashbang, vous pouvez utiliser la méthode $locationProvider.html5Mode(true) pour indiquer à AngularJS d'utiliser l'API d'historique HTML5 si disponible. Cette API offre une meilleure gestion des URL et vous permet d'utiliser des URL plus propres sans hachage.

Navigateurs pris en charge

L'API d'historique HTML5 est prise en charge par la plupart des navigateurs modernes. Voici une liste des navigateurs pris en charge :

• Google Chrome
• Mozilla Firefox
• Safari
• Microsoft Edge
• Internet Explorer 10

Exemple

Pour activer le mode HTML5 dans votre application AngularJS, ajoutez simplement le code suivant à votre configuration :

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

Une fois vous activez le mode HTML5, vous remarquerez que le hashbang est supprimé de vos URL, offrant ainsi une expérience plus conviviale et plus esthétique à votre utilisateurs.

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!