为什么 Windows Azure 将“/bundles/”添加到我的所有 css 图像文件路径中？

Question

我正在使用 css 属性:

background-image: url(/Content/Images/background.jpg);

然而，当部署到 Windows Azure 时，它会出现找不到文件的错误，因为它正在尝试从以下位置检索图像：

...azurewebsites.net/bundles/Content/Images/background.jpg

我试过：

'~/', '../', 'Content/', '/Content' & even the full path.

当我在网络浏览器中直接转到图像的 url 时，它会加载图像，所以我知道它在那里。

消除或解决此问题的最佳方法是什么？

谢谢。

Answer 1

Why is Windows Azure adding '/bundles/' into all of my css image file paths?

您的 CSS 文件正在 bundled。 ASP.NET 正在将您的 CSS 文件放入一个新文件并将其存储在 mydomain.net/bundles/somefile.css。 Web 浏览器正在寻找您的图像 相对于 CSS 文件位置。

这只发生在 Azure 上，因为捆绑仅在发布配置中运行，而不是在调试配置中运行。因此，您可以通过在 web.config 文件中设置 <compilation debug="false" /> 来在本地测试捆绑。

What is the best way to remove ... this problem?

看看这个：MVC4 StyleBundle not resolving images and this MVC cannot display image using background-url in css - uses bundling，或者干脆不使用捆绑。 :)

Why is Windows Azure adding '/bundles/' into all of my css image file paths?