在 MVC 4 中获取相对 URL

Question

我有一个相对路径：

~/Content/themes/base/jquery-ui.min.css"

我有一个隐藏的输入：

<input type="hidden" id="siteUrl" value=""/>

在 MVC 中，我想将完全限定的 URL 存储到隐藏字段中。我试过了：

<input type="hidden" id="siteUrl" value="@Url.RequestContext.HttpContext.Request.MapPath("~/Content/themes/base/jquery-ui.min.css")"/>

和

<input type="hidden" id="siteUrl" value="@HttpContext.Current.Request.MapPath("~/Content/themes/base/jquery-ui.min.css")"/>

但它们都返回物理路径，我需要 URL。我也尝试过使用UriBuilder，但这对我不起作用，因为虽然它可能在我的本地主机上工作，但当我将它发布到我的 IIS 服务器时却不起作用。

我也试过了：

<input type="hidden" id="siteUrl" value="@Url.Content("~/Content/themes/base/jquery-ui.min.css")"/>

但它返回/Content/themes/base/jquery-ui.min.css

在我的 MVC 控制器中我尝试了：

Page.ResolveClientUrl("~/Content/themes/base/jquery-ui.min.css");

这也不能满足我的需要。

背景：

我将该 FQ URL 存储到隐藏字段中，然后在 JS 中访问它，在 JS 中，当我使用相对 url 时，它不知道如何正确使用它，因为使用 MVC 时，每个链接的路径都会发生变化，它只是将相对字符串到最后是这样的： http://localhost/~/Content/themes/base/jquery-ui.css

如果我只是删除~/，那么它可以工作http://localhost/Content/themes/base/jquery-ui.css，但是当我点击转到新链接时，路径不再是好的：http://localhost/newLink/Content/themes/base/jquery-ui.css

我本地主机上的 URL 是 http://localhost/Content/themes/base/jquery-ui.css 在我的服务器上，它的http://server/productName/Content/themes/base/jquery-ui.css 我不想为一些静态名称编码，以防将来基础服务器 url 发生变化。

那么如何获取相对路径的完全限定 URL？

Answer 1

我不确定您在使用 UriBuilder 时遇到了什么问题，但这是最好的方法：

@{
    var uriBuilder = new UriBuilder(Request.Url);
    uriBuilder.Path = Url.Content("~/Content/themes/base/jquery-ui.min.css");
}
<input type="hidden" id="siteUrl" value="@uriBuilder.ToString()"/>

您从Request.Url 开始，因此您不必对主机进行硬编码。这样，它应该可以在您部署它的任何地方工作。然后您更改Path，但您需要使用Url.Content 将~ 替换为应该首先使用的任何内容。

您可能还想添加自己的 UrlHelper 扩展：

public static class UrlHelperExtensions
{
    public static string AbsoluteContent(this UrlHelper helper, string contentPath)
    {
        return new Uri(helper.RequestContext.HttpContext.Request.Url, helper.Content(contentPath)).ToString();
    }
}