部署mvc应用程序后加载jpg时出现问题

Question

我有一个部署为应用程序的MVC网站。

问题是当我尝试加载内容时，有些文件无法正确加载。在我的布局页面中，我有这个代码指向要加载logo.png的Images文件夹。如果我将项目部署为网站而不是网站的子应用程序，那么我不会收到任何错误。

<a class="navbar-brand" href="/Home/Index">
                        <h1><img class="img-responsive" src=@Url.Content("~/Images/logo.png") alt="logo" /></h1>
                    </a>

现在作为子应用程序，当它加载logo.png时试图通过这个地址：

http://dev-environment.com/Images/logo.png

当然是找不到它（404 Not Found）。实际上我希望生成的请求看起来像这样

 <img class="img-responsive" alt="logo" src="/Home/Images/logo.png" />

这样做我会正确加载png，事情是我不想对路径进行硬编码。

这是项目的结构

有什么想法吗？