部署到azure时图形丢失

Question

我刚刚将我的第一个MVC5应用程序部署到azure，并且除了没有显示图形之外，还能完成所有工作。在我的开发机器上，这是有效的。

我的图片位于~/Content/Graphics文件夹中，这是_Layout.cshtml引用其中的一部分，

<img src="@Url.Content("~/content/graphics/EluciusSoft_Logo.svg")" style="height:50px">

我知道文件在服务器上，因为我用WebMatrix检查了它。他们为什么不显示？

编辑：浏览器控制台错误消息如下：

  

无法加载资源：服务器响应状态为404   （未找到）

以下是使用WebMatrix的网站目录的屏幕截图。

Answer 1

如果网络服务器没有配置SVG的MIME类型，那么当您尝试访问它时，它将返回404错误。您可以在应用程序的web.config中定义MIME类型：

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
        </staticContent>
    </system.webServer>
</configuration>