angulaire.js - Concernant le problème d'adresse URL de l'application angulaire monopage

Question

J'ai constaté que les adresses URL de nombreuses applications Angular monopage sont au format suivant :

http://your.domain/page/#/app/forms/validate

Il y a toujours un chiffre

au milieu de #, ce qui semble très désagréable. Existe-t-il un moyen de changer
pour le style suivant :

.

http://your.domain/app/forms

Aussi : la page unique d'Angular peut-elle être remplacée par pushState ? Ou utilisez un plug-in appelé Pjax
J'espère que vous pourrez me donner quelques conseils, je suis un peu confus à ce sujet !

phpcn_u1582 · Answer

S'il s'agit d'angular 1.x, vous pouvez ajouter une phrase à la fin du parcours $locationProvider.html5Mode(true);

app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
 $routeProvider
 .when('/article', {
   templateUrl: '/article.html',
   controller: 'ArticleController'
 }).otherwise({
   redirectTo: '/index'
 });
 $locationProvider.html5Mode(true);
}])

Ce schéma de routage utilise par défaut la méthode de hachage commençant par #. Si vous ne considérez pas les navigateurs de version inférieure, vous pouvez appeler directement $locationProvider.html5Mode(true) pour utiliser le schéma H5 au lieu du schéma de hachage.

Si vous êtes intéressé, veuillez lire directement mon article. Il existe un article expliquant en détail le mécanisme de routage front-end

.