在 Razor 中使用站点根目录相对链接

Question

我有一个网站在使用 Razor (C#) 时运行良好，当我使用本地测试 (WebMatrix IIS) 时，所有编码都正常运行。

当我把它“在线”放在我的服务器上时，网站并不是它自己的网站根目录

例如：

http://intranet.mycompany.com/inform

这基本上是我的文件夹结构的“根”，所以我所有的文件夹都从那里开始（css 文件 default.cshtml...等等）

当我从链接http://intranet.mycompany.com/inform 访问我的网站时，我的“_PageStart.cshtml”正确地看到了它，它为我提供了我在 _PageStart.cshtml 中配置的布局（它确实显示了布局 + 呈现的 default.cshtml）

但没有其他方法可以找到正确的路径，例如：

<img src="~/images/logos/hdr.png" />

img 持有人在那里，我可以看到它，但显示链接已损坏...当我右键单击 img 持有人并执行属性以查看文件应该在哪里时，它会告诉我：

http://intranet.mycompany.com/images/logos/hdr.png

所以它会转到“完整”根而不是相对根...

我该如何解决？

Answer 1

您必须在整个应用程序中使用相对路径：

~ 在静态 html 代码中不起作用。

你可以写

<img src="@Url.Content("~/images/logos/hdr.png")" />

或

<img src="../images/logos/hdr.png" />

第一种方法适用于布局文件，当您有不同长度的路由 url 时，您的相对路径可能会发生变化。

编辑

关于正常链接的问题：

链接到应用程序中的另一个页面时，您没有将视图文件指定为目标，而是将呈现视图的操作指定为结果。为此，您使用 HtmlHelper ActionLink:

@Html.ActionLink("Linktext", "YourController", "YourAction")

它会自动为您生成正确的网址：

<a href="YourController/YourAction">Linktext</a>

编辑 2

好的，没有 MVC - 所以你必须自己生成链接。

您也必须使用相对路径。不要以/ 字符开始任何链接！

<a href="linkOnSameLevel.cshtml">Link</a>
<a href="../linkOnParentLevel.cshtml">Link</a>
<a href="subFolder/linkOnOneLevelDown.cshtml">Link</a>

编辑 3

使用布局页面时可以使用Hrefextension 方法生成相对url：

<link href="@Href("~/style.css")" ...

Answer 2

如下图使用Url.Content：

<img src="@Url.Content("~/images/logos/hdr.png")" />

Answer 3

我知道默认情况下会添加“~”，但我倾向于更改它，以便所有路径都相对于我的代码文件而不是应用程序根目录，例如使用“..”。 "../images/logos"等