image - MVC 图像文件夹无法从 Home/Contact 访问，但从 _Layouts.cshtml 中的 Home/Index 可见

Question

我创建了一个 MVC4 项目并设置了我的 _Layout.cshtml，其中包含网站的相关链接和图像，但图像没有从联系我们页面显示。我的图像代码如下：

<a href="meta-index.html"><img src="images/logo.png" alt="MetaAwareness" title="MetaAwareness" /></a>

Answer 1

它与images文件夹的相对路径有关。您可能将Index操作和Home控制器作为Default路由中的默认参数值。因此，将调用此操作的 url 可能不包含控制器和操作。假设该images文件夹位于网站根目录中，则相对路径images会将我们带到正确的位置。在Home/Contacturl 的情况下，相同的相对路径意味着Home/Contact/images不存在的文件夹。

利用：

<img src="<%= Url.Content("~/[path to images dir from website root dir (usually - content)]/images/logo.png") %>" ...

意识到您使用 Razor：

<img src="@Url.Content("~/content/images/logo.png")" ...