asp.net-mvc - MVC 网站图像路径在发布版本中无效

Question

在本地运行我的 mvc 网站(VS IIS)时，图像显示正确:

CSS 片段:

.sprites {
    background: transparent url(../images/sprites.png) no-repeat 0 0;
}

但是，当站点发布到服务器或本地 IIS(不是 VS IIS)时，图像无法加载(提供无效路径)

在服务器上正确显示图像的唯一方法是修改 css 文件，并将 "../images/sprites.png"替换为 "/content/images/sprites.png""/content/images/sprites.png"。 .png"

这是为什么呢？

Answer 1

我明白了:

MVC4 附带 \App_Start\BundleConfig.cs 文件，用于最小化 css/js 脚本。

每当我发布我的网站(RELEASE)时，它都会调用\Content\css (最小化文件)，其中包含我的图像的路径(“../images/etc..”)，这是不正确的，因为 css 文件不再是在/Content/Styles/style.css 内但/Content/css (最小化版本)。

我必须修改它:

来自:

bundles.Add(new StyleBundle("~/Content/css").Include(
                        "~/Content/styles/all.css",
    ..

致:

        bundles.Add(new StyleBundle("~/Content/styles/css").Include(
                "~/Content/styles/all.css",

..

在我的layout.cshtml中:

@Styles.Render("~/Content/styles/css")