为什么我的图像没有以 MVC4 样式包加载？

MVC4 StyleBundle 无法解析图像

问题：

MVC4 项目包含一个捆绑系统，该系统最小化并组合 CSS 文件以提高性能。但是，当使用 StyleBundles 包含来自 jQuery UI 等外部源的图像引用时，浏览器可能无法加载图像，从而导致 404 错误。

解决方案：

根据 MVC4 css 捆绑的讨论，有两种方法可以解决这个问题问题：

将 Bundle 路径与源路径一起使用

创建与源 CSS 文件具有相同路径的 StyleBundle，例如：

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

通过将包路径定义为源文件夹，CSS文件内的相对图像路径仍然是

使用 CssRewriteUrlTransformation

或者，您可以将 CssRewriteUrlTransformation 应用于 StyleBundle。此转换将对 CSS 文件的相对 URL 引用重写为包内的绝对路径，确保图像正确加载。

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

请注意，重写虚拟目录中的绝对路径可能会导致问题。请验证此方法在您的特定环境中是否按预期工作。

以上是为什么我的图像没有以 MVC4 样式包加载？的详细内容。更多信息请关注PHP中文网其他相关文章！