IIS发布后如何在CSS中修复图像路径？

Question

我是MVC（V4）的新手，在将网站发布到IIS之后出现了问题。 通过Web浏览器（和页面检查器）在IIS Express中查看时，我的网站运行完美。 但是，当我将网站（通过VS2012）发布到IIS时，从CSS引用的所有图像都被破坏了。

我的CSS文件夹如下：

ROOT\Content\MyCss

我的图像文件夹是：

ROOT\Images\MyImages

IIS虚拟目录和我的项目目录上的文件夹结构都相同。

我所有的图像都是这样引用的：

../../Images/MyImages/image.jpg

当我将CSS引用更改为../Images/MyImages/image.jpg它将再次开始工作。 这不包括IIS应用程序/虚拟目录的实际物理文件夹路径。

我将感谢您为解决此问题提供的帮助。

Answer 1

如果使用捆绑软件，则应使用〜/例如。 @Styles.Render("~/bundles/stylebundle")在您的视图中。

定义捆绑包时，请始终使用〜/开头文件路径。 例如

bundles.Add(new StyleBundle("~/bundles/test") .Include("~/content/test/test.css"));

CSS中的任何路径都应相对于CSS文件本身。

例如background-image: url('../../Images/test.jpg');

我刚刚使用与您上面所写的结构相同的结构构建了一个测试站点，并且在调试和发行版中都可以使用。 要在您的捆绑包配置文件中伪造本地计算机上的发布模式，请添加

BundleTable.EnableOptimizations = true;