window.open设置请求头

在使用`window.open`打开新窗口时，可以通过传递一个字符串作为第二个参数，来设置新窗口的属性，包括请求头。例如：

window.open('http://www.example.com', 'new_window', 'headers={"Authorization": "Bearer xxx"}');

其中，`headers`是一个属性名，它的值是一个包含请求头信息的JSON字符串。在新窗口中发起请求时，会自动带上这些请求头。注意，这种方式只适用于GET请求，POST请求需要使用其他方式设置请求头。

相关问题

window.open添加请求头

在使用 window.open 方法打开新窗口时，无法直接添加请求头。不过，可以通过使用 XMLHttpRequest 对象来发送请求，并在发送请求时添加请求头。具体实现代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/', true); // 替换成你要请求的地址
xhr.setRequestHeader('Authorization', 'Bearer token'); // 添加请求头
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var newWindow = window.open('', '_blank');
    newWindow.document.write(xhr.responseText);
    newWindow.focus();
  }
};
xhr.send();

在这段代码中，我们使用 XMLHttpRequest 对象向指定地址发送 GET 请求，并在发送请求时添加了 Authorization 请求头。在请求成功后，我们通过 window.open 方法打开新窗口，并将请求返回的内容写入新窗口中。

前端 window.open带入请求头

在前端中，使用`window.open`方法可以打开一个新的浏览器窗口或者标签页。然而，`window.open`方法本身并不提供直接设置请求头的功能。请求头是在发送HTTP请求时由浏览器自动添加的。

如果你想在新打开的窗口或标签页中发送带有特定请求头的请求，可以考虑使用`XMLHttpRequest`对象或者`fetch`函数来发送请求。这两种方式都允许你自定义请求头。

下面是一个使用`XMLHttpRequest`对象发送带有请求头的GET请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.setRequestHeader('Custom-Header', 'header-value');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功处理逻辑
  }
};
xhr.send();

在上面的代码中，我们通过`setRequestHeader`方法设置了一个名为"Custom-Header"的自定义请求头，并将其值设置为"header-value"。你可以根据自己的需求添加更多的请求头。

使用`fetch`函数发送带有请求头的GET请求的示例代码如下：

fetch('http://example.com', {
  headers: {
    'Custom-Header': 'header-value'
  }
})
.then(function(response) {
  if (response.ok) {
    // 请求成功处理逻辑
  }
})
.catch(function(error) {
  // 请求失败处理逻辑
});

在上面的代码中，我们通过`headers`选项设置了一个名为"Custom-Header"的自定义请求头，并将其值设置为"header-value"。