url 只读属性

Response 接口的 url 只读属性包含响应的 URL。该 url 属性的值将是任何重定向后获得的最终 URL。 

url 只读属性语法

var myURL = response.url ;

url 只读属性值

url 只读属性的值为一个 USVString。

url 只读属性示例

在我们的 Fetch Response 示例中，我们使用 Request() 构造函数创建一个新 Request 对象，并将它传递给 JPG 路径。然后我们使用 fetch() 来获取这个请求，从 Body.blob 响应中提取一个 blob，使用 URL.createObjectURL 创建一个对象URL，并在一个 <img> 中显示它。

请注意，在 fetch() 块的顶部，我们将响应 URL 记录到控制台。

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  console.log(response.url); // returns https://developer.mozilla.org/en-US/docs/Web/API/Response/flowers.jpg
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

规范

浏览器兼容性