Mengapa ikon Bootstrap dimuatkan secara tempatan tetapi tidak dipaparkan dalam talian?

Ikon Bootstrap Dimuat Setempat tetapi Tidak Dalam Talian

Apabila memuatkan butang Bootstrap ringkas dengan ikon setempat, ikon dipaparkan dengan betul. Walau bagaimanapun, selepas menggunakan aplikasi ke Windows Azure, ikon digantikan dengan awalan yang pelik. Isu ini timbul kerana aplikasi cuba memuatkan fail ikon dari lokasi berbeza secara tempatan dan dalam talian.

Secara tempatan, penyemak imbas memuatkan fail ikon daripada /Content/fonts/glyphicons-halflings-regular.woff, semasa dalam talian, ia cuba memuatkannya daripada /fonts/glyphicons-halflings-regular.woff. Perbezaan utama ialah ketiadaan awalan /Kandungan dalam URL Azure.

Untuk menyelesaikan isu ini, pastikan fail CSS yang digabungkan merujuk dengan betul lokasi fail ikon. Dalam contoh ini, fail CSS merujuk ikon menggunakan laluan ../fonts/glyphicons-halflings-regular.woff. Memandangkan fail CSS digabungkan, aplikasi mencari fail ikon dalam /fonts pada akar aplikasi, yang tidak betul.

Untuk membetulkannya, namakan semula berkas untuk memasukkan awalan /Content, seperti berikut:

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

Ini memastikan bahawa nama berkas sepadan dengan laluan fail yang diingini dan aplikasi memuatkan fail ikon dengan betul apabila digunakan ke Azure.

Atas ialah kandungan terperinci Mengapa ikon Bootstrap dimuatkan secara tempatan tetapi tidak dipaparkan dalam talian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!