Mengapa Ikon Bootstrap Dimuatkan Secara Berbeza Di Dalam dan Dalam Talian?

Percanggahan Memuatkan Ikon Bootstrap dalam Persekitaran Setempat dan Dalam Talian

Dalam keadaan ini, perbezaan antara memuatkan ikon Bootstrap secara setempat dan dalam talian timbul daripada perbezaan yang berbeza. laluan fail sedang digunakan. Secara tempatan, penyemak imbas cuba memuatkan fail fon yang diperlukan daripada "/Content/fonts/glyphicons-halflings-regular.woff," manakala dalam talian, ia mencari fail di "/fonts/glyphicons-halflings-regular.woff."

Punca kelakuan ini terletak pada proses penggabungan yang digunakan untuk fail CSS. Selepas penggabungan, fail CSS digabungkan menjadi satu fail, mengubah rujukan laluan relatif. Akibatnya, aplikasi, apabila digunakan dalam talian, mengharapkan untuk mencari fail fon dalam folder akar dan bukannya folder "Kandungan".

Penyelesaian:

Kepada betulkan isu ini, laraskan proses himpunan dengan menambahkan nama subfolder yang sesuai pada nama himpunan. Contohnya:

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

Dengan memasukkan laluan "Kandungan/css" dalam nama berkas, ia memastikan penyemak imbas akan mencari fail yang diperlukan dalam subfolder yang betul, menyelesaikan percanggahan antara persekitaran setempat dan dalam talian .

Atas ialah kandungan terperinci Mengapa Ikon Bootstrap Dimuatkan Secara Berbeza Di Dalam dan Dalam Talian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!