为什么ASP.NET MVC 5中Url.Content()方法无法正常工作？

核心错误点 #

• 属性拼写错误：你写的图片路径属性为scr，属于拼写错误，HTML标准的图片资源路径属性为src，这是导致图片无法加载的首要原因
• 引号嵌套冲突：代码中@Url.Content()外层和内层都使用了双引号，会引发Razor语法解析错误，导致路径无法正常生成

修复后的正确代码 #

你可以选择任意一种写法：

1. 调整内层引号为单引号

<img src="@Url.Content('~/Content/Images/damvomom.png')" alt="Images" width="100" height="100" />

2. 调整外层属性值引号为单引号

<img src='@Url.Content("~/Content/Images/damvomom.png")' alt="Images" width="100" height="100" />

如果你使用的是ASP.NET Core 3.0及以上版本，Razor已经原生支持~相对路径自动解析，可以直接简化写法无需调用Url.Content：

<img src="~/Content/Images/damvomom.png" alt="Images" width="100" height="100" />

内容的提问来源于stack exchange，提问作者user16061514