Mengapa Imej Saya Tidak Dimuatkan dalam Himpunan Gaya MVC4?

MVC4 StyleBundle Not Menyelesaikan Imej

Isu:

Projek MVC4 termasuk sistem penggabungan yang meminimumkan dan menggabungkan fail CSS untuk meningkatkan prestasi. Walau bagaimanapun, apabila menggunakan StyleBundles untuk memasukkan rujukan imej daripada sumber luaran seperti jQuery UI, penyemak imbas mungkin gagal memuatkan imej, mengakibatkan 404 ralat.

Penyelesaian:

Menurut perbincangan mengenai penggabungan css MVC4, dua pendekatan tersedia untuk menyelesaikan masalah ini isu:

Menggunakan Laluan Himpunan dengan Laluan Sumber

Buat StyleBundle dengan laluan yang sama seperti fail CSS sumber, seperti:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
                   .Include("~/Content/css/jquery-ui/*.css"));

Dengan mentakrifkan laluan berkas sebagai folder sumber, laluan imej relatif dalam fail CSS akan tetap diiktiraf.

Menggunakan CssRewriteUrlTransformation

Sebagai alternatif, anda boleh menggunakan CssRewriteUrlTransformation pada StyleBundle. Transformasi ini menulis semula rujukan URL relatif kepada fail CSS kepada laluan mutlak dalam himpunan, memastikan imej dimuatkan dengan betul.

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
                   .Include("~/Content/css/jquery-ui/*.css",
                    new CssRewriteUrlTransform()));

Perhatikan bahawa menulis semula ke laluan mutlak dalam direktori maya boleh menyebabkan masalah. Sila sahkan pendekatan ini berfungsi seperti yang diharapkan dalam persekitaran khusus anda.

Atas ialah kandungan terperinci Mengapa Imej Saya Tidak Dimuatkan dalam Himpunan Gaya MVC4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!