@Url.Content 未按预期渲染的技术问题求助

嘿，我完全懂你碰到的这个坑——在控制器里用StringBuilder拼HTML的时候，把@Url.Content直接写进去，存到Session后用@Html.Raw渲染，结果这个路径根本没被解析，对吧？

问题根源 #

@Url.Content是Razor视图引擎专属的语法，只有在.cshtml视图文件里，服务器才会把它解析成对应的资源绝对路径。你在控制器里把它当成普通字符串拼接的话，它就只是一段文本，不会被执行计算，自然没法生成正确的图片路径。

最简单的解决方案：在控制器里直接生成路径 #

既然控制器继承自Controller，本身就有Url属性，你可以直接在控制器里调用Url.Content()生成正确的路径，再拼进HTML字符串里。代码改成这样：

// 先在控制器里生成正确的图片路径
var chromeLogoPath = Url.Content("~/Content/Images/chrome-logo.png");

var htmlBuilder = new StringBuilder();
htmlBuilder.Append("<li><a href='https://www.google.com/chrome/browser' target='_blank'>");
// 把生成好的路径拼进去
htmlBuilder.Append($"<img alt='Chrome' src='{chromeLogoPath}'>CHROME</a></li>");

Session["HTML"] = htmlBuilder.ToString();

这样存到Session里的HTML已经是带有正确路径的字符串了，视图里用@Html.Raw(Session["HTML"])渲染时，图片就能正常加载。

更符合MVC规范的做法：分离数据与视图 #

其实在控制器里拼接HTML并不是最佳实践，违反了MVC“控制器提供数据，视图负责渲染”的原则。你可以把需要的参数存到Session，然后在视图里用Razor语法渲染：

控制器代码：

// 把需要的信息封装成对象存到Session
Session["BrowserItem"] = new 
{
    LinkUrl = "https://www.google.com/chrome/browser",
    ImageRelativePath = "~/Content/Images/chrome-logo.png",
    ImageAlt = "Chrome",
    DisplayText = "CHROME"
};

视图代码：

@{
    var browserItem = Session["BrowserItem"] as dynamic;
    if (browserItem != null)
    {
        <li>
            <a href="@browserItem.LinkUrl" target="_blank">
                <img alt="@browserItem.ImageAlt" src="@Url.Content(browserItem.ImageRelativePath)">
                @browserItem.DisplayText
            </a>
        </li>
    }
}

这种方式不仅避免了HTML拼接的麻烦，还让代码更易维护，后续要修改样式或路径也更方便。

复杂场景的替代方案：使用Razor模板引擎 #

如果你的HTML内容非常复杂，必须在控制器里生成，可以考虑用第三方Razor模板引擎来编译包含Razor语法的字符串模板。不过这个方案相对复杂，一般推荐前两种更简单的方式。

内容的提问来源于stack exchange，提问作者Wale A.