Warum werden Bootstrap-Symbole lokal geladen, aber online nicht angezeigt?

Bootstrap-Symbole werden lokal, aber nicht online geladen

Beim lokalen Laden einer einfachen Bootstrap-Schaltfläche mit einem Symbol wird das Symbol korrekt angezeigt. Nach der Bereitstellung der Anwendung in Windows Azure wird das Symbol jedoch durch ein seltsames Präfix ersetzt. Dieses Problem tritt auf, weil die Anwendung versucht, die Symboldatei von verschiedenen Orten lokal und online zu laden.

Lokal lädt der Browser die Symboldatei von /Content/fonts/glyphicons-halflings-regular.woff, während er online ist. Es wird versucht, es von /fonts/glyphicons-halflings-regular.woff zu laden. Der Hauptunterschied ist das Fehlen des Präfixes /Content in der Azure-URL.

Um dieses Problem zu beheben, stellen Sie sicher, dass die gebündelten CSS-Dateien korrekt auf den Speicherort der Symboldatei verweisen. In diesem Beispiel verweist die CSS-Datei über den Pfad ../fonts/glyphicons-halflings-regular.woff auf das Symbol. Da die CSS-Datei gebündelt ist, sucht die Anwendung nach der Symboldatei in /fonts im Anwendungsstammverzeichnis, was falsch ist.

Um dies zu beheben, benennen Sie das Bundle um, sodass es das Präfix /Content enthält, wie folgt:

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

Dadurch wird sichergestellt, dass der Bundle-Name mit dem gewünschten Dateipfad übereinstimmt und die Anwendung die Symboldatei bei der Bereitstellung in Azure korrekt lädt.

Das obige ist der detaillierte Inhalt vonWarum werden Bootstrap-Symbole lokal geladen, aber online nicht angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!