具有虚拟目录的 ASP.net 母版页中的基本 URL

Question

我有一个 ASP.net 母版页。在这个 master 中，我定义了所有 css 和 javascript 文件。我还有一些图像、一些按钮和超链接。

所有网址均声明为相对网址，即“/scripts/ian.js”

如果该网站是根网站，则一切正常，但我需要它在虚拟目录中工作。

我的问题是，当我将此网站放置在根站点下的虚拟目录中时，我的所有链接都指向根站点。所以我的链接指向 www.root.com/scripts/ian.js 但它应该指向 www.root.com/virtualDir/scripts/ian.js

我认为 Base Href 标头中的标记会有所帮助，但到目前为止它似乎没有任何帮助。当我将鼠标悬停在所有链接上时，它们仍然指向根网站。

我想要的是在 IIS 或配置文件中进行单个设置，我可以设置根 url，并且母版页或内容页上的任何图像、脚本或链接都将指向正确的位置。

欢迎任何建议或想法。

谢谢

Answer 1

所有网址均声明为
相对即“/scripts/ian.js”

这些似乎是您正在使用的绝对 URL，而不是相对 URL，这可能就是 标记没有的原因想要的效果：

该属性指定一个绝对值
充当基本 URI 的 URI
解析相对 URI。

-- 来自 http://www.w3.org/TR/ html401/struct/links.html#h-12.4

您可以尝试从您的网址中删除前导的“/”，看看是否有效？

如果做不到这一点，我倾向于使用 ResolveClientUrl 要解决此类问题，您可以按照其他人建议的使用 ResolveUrl 的方式使用它：

<script type="text/javascript" src="<%= ResolveClientUrl("~/path/to/js") %>"></script>
...
<img src="<%= ResolveClientUrl("~/path/to/img") %>" alt="..." />

希望这会有所帮助。

Answer 2

如果设置了 *'runat="server"' 属性，大多数标签（包括常规 HTML 标签，例如、 等）都可以使用 ~/ 作为应用程序根路径。

例如。

<img src="~/images/test.png" runat="server" />

这使得标记成为服务器标记，并且在输出返回到浏览器之前波浪号被应用程序根替换。

对于

要解决此问题，您可以使用 注册客户端脚本 方法之一。脚本标记中的 <%= ResolveUrl('~')%> 标记。

Answer 3

此静态方法返回您应用程序根文件夹（网站或虚拟目录）的完整http路径，

public static string GetAppRootUrl(bool endSlash)
{
    string host = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority);

    string appRootUrl = HttpContext.Current.Request.ApplicationPath;
    if (!appRootUrl.EndsWith("/")) //a virtual
    {
        appRootUrl += "/";
    }
    if (!endSlash)
    {
        appRootUrl = appRootUrl.Substring(0, appRootUrl.Length - 1);
    }
    return host + appRootUrl;
}

因此，您可以在母版页中编写：

<script src="<%= Server.HtmlEncode(GetAppRootUrl(false)) %>/scripts/ian.js" language="javascript" type="text/javascript"></script>

Answer 4

在你的参考中使用波形符(~)（即~/scrips/ian.js）...看看它是否有效
对于链接，请尝试 .aspx 页面中的 Page.ResolveUrl。

Answer 5

所以我昨晚发现了 IIS 的怪异之处：

<script src="/js/file.js"></script>

在主 IIS 站点的子目录中的虚拟应用程序中无法正常工作。

相反，您必须这样做：

<script src="/js/file.js" type="text/javascript"></script>

这是执行此操作的标准方法，但如果您不寻找它，您可能会惊讶地发现附加标记使相对路径问题消失。