获取 API 产生“TypeError：无法获取”

我在 Chrome 上，看到这个奇怪的错误：

TypeError: failed to fetch

（是的，这就是整个错误消息）。

这是生成错误的代码：

fetch(logoUrl, {
    method: 'put',
    headers: {
      'Content-Type': 'image/jpeg',
      //encode credentials as base64
      'Authorization': 'Basic ' + btoa('cdt-deployer:xyz'),
    },
    body: imgFile // the file

  }).catch(function(err){
       // the error appears here
  })

我应该做些什么？我不知道出了什么问题。我只是想将二进制图像文件发送到另一台服务器（我看不到服务器日志）。

来自获取API文档 https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch:

A fetch()承诺拒绝TypeError当遇到网络错误时，尽管这通常意味着权限问题或类似问题。

其中之一可能是“网络错误”的可能原因：

• DNS问题
• 服务器位于logoUrl不可用/错误
• 错误的 HTTP 标头导致服务器忽略请求
• 浏览器中止 - 很可能是由于在获取完成之前导航到另一个页面