32

如何使用 javascript 获取基本 URL？

例如，当我从 Visual Studio 浏览我的网站时，如果我的 URL 是http://localhost:20201/home/index，我想得到http://localhost:20201

如果我在 IIS 上托管我的网站，并且我的虚拟目录名称是 MyApp 并且 URL 是http://localhost/MyApp/home/index，我想得到http://localhost/MyApp

我尝试使用location.protocol+ location.hostname（和location.host），当我通过 Visual Studio 浏览我的网站时它们工作正常，但是当我在 IIS 上托管它时，我得到http://localhost/MyApp 被截断。

4

8 回答 8

41

您应该避免在 JavaScript 中进行此类检测，而是从 .NET 代码中传递值。您总是会冒着遇到 url 问题的风险，例如http://server/MyApp/MyApp/action您不知道哪个是控制器的名称以及哪个是应用程序的路径。

在您的 Layout.cshtml 文件（或您需要的任何地方）中添加以下代码：

<script type="text/javascript">
    window.applicationBaseUrl = @Html.Raw(HttpUtility.JavaScriptStringEncode(Url.Content("~/"), true));
    alert(window.applicationBaseUrl + "asd.html");

    // if you need to include host and port in the url, use this:
    window.applicationBaseUrl = @Html.Raw(HttpUtility.JavaScriptStringEncode(
        new Uri(
                   new Uri(this.Context.Request.Url.GetLeftPart(UriPartial.Authority)),
                   Url.Content("~/")
               ).ToString(), true));
    alert(window.applicationBaseUrl + "asd.html");
</script>

该new Uri()部分是必需的，以便始终正确组合 URL（无需手动检查每个部分是否以/符号开头或结尾）。

于 2013-05-22T11:26:19.167 回答
4

如果您使用的是 .NET Core，则可以获取 url 在全局范围内设置 JavaScript 变量（例如在 Layout.cshtml 文件中，此文件位于 Views/Shared 文件夹中）：

 <script type="text/javascript">
    var url = '@string.Format("{0}://{1}{2}", Context.Request.Scheme, Context.Request.Host.Value , Url.Content("~/"))';
</script>

从带有插值的 C# 6 版本开始：

<script type="text/javascript">
    var url = '@($"{Context.Request.Scheme}://{Context.Request.Host.Value}{Url.Content("~/")}")';
</script>
于 2019-09-24T14:19:18.237 回答
3 
var url = window.location.href.split('/');
var baseUrl = url[0] + '//' + url[2];
于 2013-05-22T11:20:26.843 回答
1

试试下面的代码。

function getBaseURL() {
    var url = location.href;  // entire url including querystring - also: window.location.href;
    var baseURL = url.substring(0, url.indexOf('/', 14));


    if (baseURL.indexOf('http://localhost') != -1) {
        // Base Url for localhost
        var url = location.href;  // window.location.href;
        var pathname = location.pathname;  // window.location.pathname;
        var index1 = url.indexOf(pathname);
        var index2 = url.indexOf("/", index1 + 1);
        var baseLocalUrl = url.substr(0, index2);

        return baseLocalUrl + "/";
    }
    else {
        // Root Url for domain name
        return baseURL + "/";
    }

}



document.write(getBaseURL());

谢谢，

湿婆

于 2013-05-22T11:18:55.707 回答
1

我认为这是不可能的，因为 JavaScript（客户端）对您的部署（MyApp）一无所知，并将其视为路径信息的一部分（就像 /home/index 一样）。作为一种解决方法，您可以尝试根据域或端口来解释路径信息（location.pathname）。

但是您可以在包含路径的全局范围（或​​任何适合您的范围）中设置 JavaScript 变量（路径由服务器生成并放入变量中）。

这在您的 html-Head 中可能看起来像这样：

<script type="text/javascript">
    var global_baseurl = '<insert server side code that gets the path depending on your server side programming language>';
</script>
于 2013-05-22T11:22:10.903 回答
1

我认为一个干净的解决方案就像

像这样将基本 URL 放在Html_layout中

<div id="BaseUrl" data-baseurl="@Context.Request.Url.GetLeftPart(UriPartial.Authority)@Url.Content("~/")"></div>

Context.Request.Url.GetLeftPart(UriPartial.Authority)会给你

来自 IIS 的本地http://localhost:20201 将为您提供http://localhost

本地的Url.Content("~/")将为空，但在 IIS 中将为您提供应用程序名称，在您的情况下为 MyApp

然后从Js：

var baseUrl = $("#BaseUrl").data("baseurl");

比你可以像这样使用它：

$.getJSON(baseUrl + "/Home/GetSomething", function (data) {
      //Do something with the data
});

https://msdn.microsoft.com/en-us/library/system.uri.getleftpart(v=vs.110).aspx http://api.jquery.com/data/

于 2016-08-04T16:40:08.580 回答
0 
var base_url = "@Request.Url.GetLeftPart(UriPartial.Authority)@Url.Content("~/")"

在布局文件中定义它并附加 base_url。这对我有用。

于 2018-07-29T08:46:12.337 回答
0

您可以在页面的head标记中设置基本 url 。所有链接/hrefs 都将使用它来调用relatieve hrefs。

@{ var baseHref = new System.UriBuilder(Request.Url.AbsoluteUri) { Path = Url.Content("~/") }; }
<base href="@baseHref" />

解释：

  • Url.Content("~/")返回相对路径（本例中为服务器上的 MyApp）
  • new System.UriBuilder(Request.Url.AbsoluteUri)创建一个包含端口和协议信息的 UriBuilder
于 2016-03-17T10:02:26.390 回答