为什么 PNG 图像在 localhost 上运行时会从 Azure Web 应用返回 404？答案

【问题标题】：Why would a PNG image be returning 404 from an Azure Web App when it works on localhost?为什么 PNG 图像在 localhost 上运行时会从 Azure Web 应用返回 404？
【发布时间】：2019-07-24 02:27:45
【问题描述】：

我正在尝试通过 CSS background-image 属性加载 PNG：

 background-image: url("../../img/lp-background/lp-properties2.png");

这是我将应用部署到应用服务时浏览器显示的内容：

但图像在本地主机上完美加载。图片在我的应用服务器上：

为什么会这样？

我试过了： - 重命名文件 - 移动文件 - 在部署之间删除和重新添加文件 - 重新部署到另一个 pap 服务

【问题讨论】：

浏览器捕获的路径是<siteurl>/img/... 可能你的相对url 有太多../ ？根文件夹不是\site\wwwroot吗？

标签： asp.net azure iis azure-web-app-service

【解决方案1】：

您可以尝试在代码中使用绝对路径，看看是否有帮助。

background-image: url("此处完成路径/img/lp-background/lp-properties2.png");

【讨论】：