ASP MVC中的错误页面

Question

我的404.html包含：

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

项目文件夹中的My 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 ISN中的图像＆＃39;当我调用此类内容时加载

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

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

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

使用此功能，无论您使用哪个子文件夹/路径，您的图像src值都将是正确的。