在 ASP.NET MVC Web 应用程序中找不到图像

Question

我创建了一个图像文件夹并将一个 .gif 图像放入该文件夹。我的 Index.cshtml 页面上有一个应该加载图像的页面。当我在 Chrome 中查看页面并查看开发人员工具时，我在控制台中看到未找到图形图像。这是我在 Visual Studio 2019 中的应用程序结构的图片以及我在 Index.cshtml 页面中的代码。我尝试通过以下方式引用图像：

<img src="~Images/loading.gif" />
<img src="/Images/loading.gif" />
<img src="~/Images/loading.gif" />
<img src="Images/loading.gif" />

知道为什么我会收到“加载资源失败：服务器响应状态为 404（未找到）loading.gif 错误消息吗？

谢谢。

Answer 1

我移动了 wwwroot 文件夹下的 Images 文件夹，并且我能够访问该图像。

Answer 2

尝试在 Visual Studio 中右键单击图像，转到属性，然后将“复制到输出目录”更新为“始终复制”或“如果更新则复制”。这将确保您在构建项目时将图像复制到输出目录。