Pourquoi les icônes Bootstrap se chargent-elles différemment localement et en ligne ?

Différence de chargement des icônes Bootstrap dans les environnements locaux et en ligne

Dans ce cas, la disparité entre le chargement des icônes Bootstrap localement et en ligne provient des différents chemins de fichiers utilisés. Localement, le navigateur tente de charger le fichier de police requis à partir de "/Content/fonts/glyphicons-halflings-regular.woff", tandis qu'en ligne, il recherche le fichier dans "/fonts/glyphicons-halflings-regular.woff."

La cause première de ce comportement réside dans le processus de regroupement utilisé pour les fichiers CSS. Lors du regroupement, les fichiers CSS sont fusionnés en un seul fichier, modifiant les références de chemin relatif. Par conséquent, l'application, lorsqu'elle est déployée en ligne, s'attend à trouver les fichiers de polices dans le dossier racine plutôt que dans le dossier « Contenu ».

Solution :

Pour Corrigez ce problème, ajustez le processus de regroupement en ajoutant un nom de sous-dossier approprié au nom du lot. Par exemple :

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

En incluant le chemin « Contenu/css » dans le nom du bundle, cela garantit que le navigateur recherchera les fichiers requis dans le sous-dossier correct, résolvant ainsi l'écart entre les environnements locaux et en ligne. .

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!