如何使用浏览器fetch api发起分块/相关请求？

使用浏览器的Fetch API可以发起分块请求或相关请求。Fetch API是一种现代的网络请求API，可以替代传统的XMLHttpRequest对象。

要发起分块请求，可以使用Fetch API的fetch()函数，并设置Range头部信息来指定请求的范围。例如，如果要请求一个文件的第一个分块，可以设置Range头部为bytes=0-999，表示请求文件的前1000个字节。

以下是一个使用Fetch API发起分块请求的示例代码：

fetch('https://example.com/file', {
  headers: {
    'Range': 'bytes=0-999'
  }
})
.then(response => {
  // 处理响应
})
.catch(error => {
  // 处理错误
});

要发起相关请求，可以使用Fetch API的fetch()函数，并设置Link头部信息来指定相关资源的URL。相关请求可以用于获取与主资源相关的其他资源，例如获取一个网页的样式表或脚本文件。

以下是一个使用Fetch API发起相关请求的示例代码：

fetch('https://example.com/page', {
  headers: {
    'Link': '</styles.css>; rel=stylesheet, </script.js>; rel=preload'
  }
})
.then(response => {
  // 处理响应
})
.catch(error => {
  // 处理错误
});

在以上示例中，Link头部指定了两个相关资源的URL，一个是样式表styles.css，另一个是预加载的脚本文件script.js。

需要注意的是，使用Fetch API发起分块请求或相关请求时，服务器需要支持相应的功能。对于分块请求，服务器需要正确处理Range头部信息，并返回相应的分块数据。对于相关请求，服务器需要正确处理Link头部信息，并返回相关资源的内容。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），详情请参考腾讯云CDN产品介绍。腾讯云CDN可以加速静态资源的分发，提高网页加载速度，适用于分块请求和相关请求的场景。