节点 | URL.host API

在编写浏览器端JavaScript应用程序时，我们通常需要使用URL信息。在JavaScript中，我们可以通过URL对象...

URL对象简介

URL构造函数可用来创建URL对象。使用URL对象可以方便地获取URL的各个组成部分。

const url = new URL('http://www.example.com/path/index.html?q=123#fragment');
console.log(url.host); // "www.example.com"

host属性

URL实例上的host属性返回URL的主机名部分。

const url = new URL('http://www.example.com/path/index.html?q=123#fragment');
console.log(url.host); // "www.example.com"

host属性返回主机名和端口号（如果有）的组合。

const url = new URL('http://www.example.com:8000/path/index.html?q=123#fragment');
console.log(url.host); // "www.example.com:8000"

实际用途

URL对象的host属性可用来请求跨域资源（例如：跨域AJAX请求）。跨域资源请求需要传递URL的主机名部分作为参数。

fetch(`https://cors-anywhere.herokuapp.com/${url.host}/api/data`)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

结论

URL对象的host属性返回URL的主机名部分，可用于请求跨域资源。

详细参考： MDN Web Docs - URL对象