为什么在部署在本地IIS上的ASP.NET中没有正确处理镜像

Question

我使用IIS4 (Visual Studio2010) MVC2架构创建了一个web应用程序，并将其部署到本地ASP.NET服务器的虚拟目录EasyMan4中。现在，使用解决方案资源管理器，我已经向Content文件夹添加了一个图像。接下来，在Site.Master页面中，我添加了一个img标记，如下所示：

<img src="../../Content/HomeIcon.png" height="64" width="64" alt="Home" />

请注意，css文件的加载方式如下：

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

尽管.css和.png文件都在同一个位置，但是当通过http://localhost/EasyMan4/查看站点时，css可以正确加载，而png不能。

通过Visual Studio开发服务器启动相同的项目，完美地呈现了页面。但是，IIS无法正确显示图像。

经过仔细检查，我注意到css文件在chrome developer tools中的位置是http://localhost/EasyMan4/Content/site.css，而图像的位置是http://localhost/Content/HomeIcon.png.。

请注意，由于我不熟悉IIS管理器，因此我更改了IIS管理器中的所有内容，但更改了IIS身份验证类型。目前，我已经禁用了除Windows身份验证之外的所有身份验证类型。请建议我应该做些什么才能正确地显示图像

Answer 1

我是MVC开发人员，我可以告诉你，MVC是一种基于配置框架的约定，最好的做法是将所有文件放在正确的有序文件夹中。例如，对于图像，您可以在内容目录中创建一个名为" Images“的文件夹，并将图像放入其中，与CSS文件一样，放在"CSS”或"stylesheet“目录中。然后使用MVC框架的强大助手。

对于图像，请使用

<img src="<%= Url.Content( "~/Content/Images/HomeIcon.png" ) %>" height="64" width="64" alt="Home" />

对于样式表，请使用

<link href="<%= Url.Content( "~/Content/CSS/Site.css" ) %>" rel="stylesheet" type="text/css" />

这样，您就可以在调试时在Visual studio中与在IIS中执行相同的操作

我希望答案对你有帮助，如果你的问题解决了，请标记为正确答案。

cya，Dario

Answer 2

我建议创建一些UrlHelper扩展方法，这样您就可以保持所有内容的一致性。这样，您就可以知道图像、css和脚本文件的位置。注意波浪号"~“的使用，这意味着您的路径从应用程序的根开始。

public static class UrlHelperExtension
{

    public static string Stylesheet(this UrlHelper helper, string fileName)
    {
        return helper.Content(String.Format("~/content/css/{0}", fileName));
    }

    public static string Image(this UrlHelper helper, string fileName)
    {
       return helper.Content(String.Format("~/content/images/{0}", fileName));
    }

    //More helpful methods ....
}

然后，要访问它们，您可以在视图中执行以下操作

<img src="<%= Url.Image("HomeIcon.png") %>" alt="Home" />

<link href="<%= Url.Stylesheet("Site.css")%>" rel="stylesheet" type="text/css" />