Warum werden Bootstrap-Symbole lokal und online unterschiedlich geladen?

Unterschiede beim Laden von Bootstrap-Symbolen in lokalen und Online-Umgebungen

In diesem Fall ergibt sich die Ungleichheit zwischen dem Laden von Bootstrap-Symbolen lokal und online aus dem Unterschied verwendete Dateipfade. Lokal versucht der Browser, die benötigte Schriftartendatei von „/Content/fonts/glyphicons-halflings-regular.woff“ zu laden, während er online unter „/fonts/glyphicons-halflings-regular.woff“ nach der Datei sucht 🎜>

Die Hauptursache für dieses Verhalten liegt im Bündelungsprozess für CSS-Dateien. Beim Bündeln werden die CSS-Dateien zu einer einzigen Datei zusammengeführt, wodurch sich die relativen Pfadverweise ändern. Daher erwartet die Anwendung bei der Online-Bereitstellung, dass sich die Schriftartdateien im Stammordner und nicht im Ordner „Inhalt“ befinden.

Lösung:

An Um dieses Problem zu beheben, passen Sie den Bündelungsprozess an, indem Sie einen entsprechenden Unterordnernamen an den Bundle-Namen anhängen. Zum Beispiel:

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

Durch die Einbeziehung des Pfads „Content/css“ in den Bundle-Namen wird sichergestellt, dass der Browser im richtigen Unterordner nach den erforderlichen Dateien sucht, wodurch die Diskrepanz zwischen lokalen und Online-Umgebungen behoben wird .

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