波浪线路径在 MVC 4 中不起作用

Question

作为I understand it，一个普通的“~/foo”路径应该像 MVC 4 中的 @Url.Content("~/") 一样工作。但是，我正在尝试这样做并且得到了很多损坏路径 -- 输出 HTML 时，波浪号仍然存在。

所以，例如，我在 /Views/Shared/_Layout.cshtml 中有这个路径：

<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />

交付的 HTML 如下所示：

<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />

我很确定我也将它作为 MVC 4 项目运行。 web.config 中有以下内容：

<compilation debug="true" targetFramework="4.0">
  <assemblies>
    <add assembly="System.Web.Abstractions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <add assembly="System.Web.Helpers, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <add assembly="System.Web.Routing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <add assembly="System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <add assembly="System.Web.WebPages, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
  </assemblies>
</compilation>

...在这一点上，我不确定接下来要寻找什么。有什么建议吗？

Answer 1

这可能是 a bug in Razor V2 的结果，其中 HTML 注释中的撇号/单引号会破坏 ~ 路径的分辨率。

解决方法是使用 Razor cmets 而不是 HTML cmets。即，将<!-- Here's your comment--> 替换为@* Here's your comment *@。

对不起，这是一个很长的镜头，因为我不知道你是否有 HTML cmets，更不用说包含单引号的了。

Answer 2

我的猜测是您仍在运行 Razor 1（MvcWebRazorHostFactory

验证 Views 文件夹中的 web.config 看起来像这样...

 <configSections>
    <sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
      <section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
      <section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
    </sectionGroup>
  </configSections>

  <system.web.webPages.razor>
    <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <pages pageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Routing" />
      </namespaces>
    </pages>
  </system.web.webPages.razor>

Answer 3

当我将一些示例代码剪切并粘贴到视图中时，我遇到了这个问题。 原来我的波浪号类型错误！

@{
Layout = "∼/Views/_BasicLayout.cshtml";
}

对

@{
Layout = "~/Views/_BasicLayout.cshtml";
}

微妙的不同 - 草皮发现

Answer 4

使用独立安装程序 here 重新安装 MVC 4 (RC) 为我解决了这个问题。我仍然不明白是什么导致了问题，但我可以忍受。

Answer 5

对我来说，问题只与 SVG 图像类型有关。通过将以下内容添加到项目的 web.config 文件来解决它（不是视图使用的 web.config，MVC4）。

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      </staticContent>
   </system.webServer>
</configuration>

Answer 6

对于 MVC 5 和 Razor 3，我的问题原来是在 img 标签之前（很久以前！）的 html 元素中出现了一个额外的引号字符：

<div class="foo""> <!-- note the extra quote character here ugh -->
...
</div>
...
<img src="~/images/an-image.png" />

上述问题导致 razor 忽略波浪号 (~)，将其按原样/未转换提供给浏览器。花了我很长时间才找到问题，我最终通过将 img 标签移动到文件顶部并发现它在那里工作正常，然后采用分而治之的方法来缩小 *.cshtml 中的位置文件停止工作。

我希望这篇文章可以节省一些时间！

Answer 7

问题是关于href= 而不是< tag >
例子：

< img src="@Url.Content("Images/someImage.jpg")"/>
< a href="@Url.Content("Home/About")" >click here< /a>

可以将@ 嵌套在其他@section {} 中

Answer 8

为我解决这个问题的方法是关闭 Meleze.web HTML Minification。