js怎么在跳转页面时加上请求头参数

在JavaScript中，当你需要在页面跳转（`window.location` 或 `location.href` 的改变）时添加请求头参数，通常是在通过AJAX发送数据到服务器，然后利用`fetch`、`axios`或其他库来处理异步请求。如果你只是想模拟一个HTTP头部信息而实际不进行网络请求，可以在浏览器环境中设置`navigator.sendBeacon()`。

以下是使用`fetch`示例，实现在页面跳转前向目标URL添加请求头：

// 假设你想携带自定义头部 'Authorization' 和 'Custom-Key'
const headers = new Headers();
headers.append('Authorization', 'your_token');
headers.append('Custom-Key', 'your_value');

try {
  // 如果你想发送一个实际的请求，可以这样：
  fetch(new URL('https://target.com'), {
    method: 'GET',
    headers: headers,
  })
  .then(response => response.text())
  .then(data => window.location.href = data); // 替换为你的目标页面地址

  // 如果只是为了设置头部信息，这行可以注释掉
  // window.location.replace('https://target.com', '', headers);
} catch (error) {
  console.error('Failed to send request:', error);
}

// 使用`navigator.sendBeacon`模拟：
// navigator.sendBeacon('https://target.com', '', headers);

请注意，`window.location.replace` 或 `sendBeacon` 都会立即跳转，不会触发典型的导航堆栈行为，因此不会像常规的点击事件那样加载新的HTML文档。