如何在 html 链接元素中为 IIS 上运行的 Web 应用程序创建相对 Url？

Question

假设我有一个网络应用程序：

www.mymvcsite.com/MyVirtualDirectory/Controller/Action

在我看来，我有一个 。问题是整个 Html 来自数据库！啊哈！你认为这就像 @Url.Content() 一样简单......好吧，这不起作用，因为 html 是动态的，事实上我不知道标记中甚至有链接元素，我盲目地将它输出到看法。

那么我需要在 href 中放入什么才能正确解析 Url。

IE。 “myfile.pdf”位于...
www.mymvcsite.com/MyVirtualDirectory/FolderA/myfile.pdf

但由于某种原因，在浏览器中，网址最终变成
“www.mymvcsite.com/FolderA/myfile.pdf”

请注意，“MyVirtualDirectory”丢失了！我什至尝试在网址中添加“~”，但这也不起作用。

谢谢！

Answer 1

您需要将相对 url 存储在隐藏字段中：

<input id='hidPartialUrl' type='hidden' value='<%:ResolveUrl("~/") %>'/>

所有链接都应该相对于网站的根目录，并具有通用的类名：

<a href='/FolderA/myfile.pdf' class='fixThisLink'>PDF</a> 

然后，当您将其加载到页面中时，您需要执行以下操作：

var hiddenHref = document.getElementById('hidPartialUrl').href;
var links = document.getElementsByClassName('fixThisLink'); 
for(var i = 0; i < links.length; i++) {
    links[i].href = hiddenHref + links[i].href;
}

在返回的每个链接上设置 href 属性包含网址的第一部分。我会将您网址的第一部分存储在隐藏字段中。