我需要从给定的URL中提取完整的协议、域和端口。例如:

https://localhost:8181/ContactUs-1.0/contact?lang=it&report_type=consumer
>>>
https://localhost:8181

当前回答

host

var url = window.location.host;

返回localhost: 2679

主机名

var url = window.location.hostname;

返回本地主机

其他回答

首先获取当前地址

var url = window.location.href

然后解析这个字符串

var arr = url.split("/");

你的网址是:

var result = arr[0] + "//" + arr[2]
var http = location.protocol;
var slashes = http.concat("//");
var host = slashes.concat(window.location.hostname);

以下是我使用的解决方案:

const result = `${ window.location.protocol }//${ window.location.host }`;

编辑:

要增加跨浏览器兼容性,请使用以下方法:

const result = `${ window.location.protocol }//${ window.location.hostname + (window.location.port ? ':' + window.location.port: '') }`;
console.log(`${req.protocol}://${req.get('host')}/${req.originalUrl}`);

要求的事情。protocol -给出你使用的协议(例如HTTP) get(host) -给出带有端口号的主机名(例如localhost:8080)

host

var url = window.location.host;

返回localhost: 2679

主机名

var url = window.location.hostname;

返回本地主机