Pourquoi les icônes Bootstrap sont-elles chargées localement mais ne s'affichent pas en ligne ?

Icônes Bootstrap chargées localement mais pas en ligne

Lors du chargement d'un simple bouton Bootstrap avec une icône localement, l'icône s'affiche correctement. Cependant, après le déploiement de l'application sur Windows Azure, l'icône est remplacée par un préfixe étrange. Ce problème se produit car l'application tente de charger le fichier d'icône à partir de différents emplacements localement et en ligne.

Localement, le navigateur charge le fichier d'icône à partir de /Content/fonts/glyphicons-halflings-regular.woff, lorsqu'il est en ligne, il tente de le charger depuis /fonts/glyphicons-halflings-regular.woff. La principale différence réside dans l'absence du préfixe /Content dans l'URL Azure.

Pour résoudre ce problème, assurez-vous que les fichiers CSS fournis font correctement référence à l'emplacement du fichier icône. Dans cet exemple, le fichier CSS fait référence à l'icône en utilisant le chemin ../fonts/glyphicons-halflings-regular.woff. Lorsque le fichier CSS est regroupé, l'application recherche le fichier icône dans /fonts à la racine de l'application, ce qui est incorrect.

Pour résoudre ce problème, renommez le bundle pour inclure le préfixe /Content, comme suit :

bundles.Add(new StyleBundle("~/Content/css/bootstrapcss").Include(
                "~/Content/bootstrap/bootstrap.css"));

Cela garantit que le nom du bundle correspond au chemin de fichier souhaité et que l'application charge correctement le fichier d'icône lorsqu'elle est déployée sur Azure.

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!