為什麼我的圖像沒有以 MVC4 樣式包加載？

MVC4 StyleBundle 無法解析影像

問題：

問題：

問題：

M4 項目該系統最小化並組合CSS 檔案以提高效能。但是，當使用 StyleBundles 包含來自 jQuery UI 等外部來源的圖像引用時，瀏覽器可能無法載入圖像，從而導致 404 錯誤。

解決方案：

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

根據MVC4 css 捆綁的討論，有兩種方法可以解決這個問題問題：

將Bundle 路徑與來源路徑一起使用

建立與來源CSS 檔案具有相同路徑的StyleBundle，例如：

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

透過將套件路徑定義為來源資料夾，CSS檔案內的相對影像路徑仍然是

使用CssRewriteUrlTransformation或者，您可以將CssRewriteUrlTransformation 套用到StyleBundle。此轉換將對 CSS 檔案的相對 URL 引用重寫為套件內的絕對路徑，確保圖片正確載入。 請注意，重寫虛擬目錄中的絕對路徑可能會導致問題。請驗證此方法在您的特定環境中是否如預期般運作。

以上是為什麼我的圖像沒有以 MVC4 樣式包加載？的詳細內容。更多資訊請關注PHP中文網其他相關文章！