ASP MVC 中的错误页面 [重复]

Question

我的 404.html 包含：

<img class="img-responsive center-block" src="Images/error404.png"/>

我的项目文件夹中的 Web.config 包含：

<httpErrors errorMode="Custom" existingResponse="Replace">
     <remove statusCode="404"/>
     <error statusCode="404" path="404.html" responseMode="File"/>
</httpErrors>

我可以在浏览器中通过http://localhost:53870/Images/error404.png访问图片。

当我直接调用 404.html 中的图像时正在加载它

localhost:53870/404.html

或者当我打电话时

http://localhost:53870/NonexistentController

当我调用这样的东西时，404.html 中的图像无法加载

http://localhost:53870/Home/NonexistentAction

Answer 1

您在图像路径的开头缺少反斜杠。

变化：

<img class="img-responsive center-block" src="Images/error404.png"/>

收件人：

<img class="img-responsive center-block" src="/Images/error404.png"/>

Answer 2

在 razor 文件中，您可以利用 ~ 运算符。~ 将返回虚拟根路径。

<img class="img-responsive center-block" src="~/Images/error404.png"/>

这样，无论您在哪个子文件夹/路径中，您的图像 src 值都是正确的。