Javascript Pixabay API CORB问题

当我试图从Javascript React应用程序中访问Pixabay api时，我遇到了跨源读取阻塞CORB

这是我的获取代码：

fetch(`https://pixabay.com/api/?key=${API_KEY}&q=travel&image_type=photo&pretty=true`)
  .then(res => res.json())
  .then(
    result => {
      console.log(result);
      // set url array in state to be used by a gallery component..
    },
    error => {
      console.log(error);
    }
  );

fetch返回数据，但是在一个简单的img标记中使用的每个单独的图像url抛出一个CORB错误

---

我需要做什么才能取消阻止我的请求？

我猜您正在使用Pixabay网站的链接作为图像hit.pageURL的src。你不是想用hit.previewURL吗

---

根据我刚刚运行的一个测试，在您发布的屏幕截图上，我可以看出它返回20次点击的API请求没有问题，正如您在屏幕截图中所看到的，正好有20个CORB问题，因此您正在成功解析结果。问题很可能是你以后如何处理这些结果。请张贴相关代码。点击20旁边的小箭头，看看什么url是问题的根源谢谢你的快速回复blex：我已经更新了这个问题，我希望它足够信息。我使用的任何pixabay url，甚至硬编码到img标记中，似乎都会显示此错误。API是否设置了后续请求所需的cookie？在docsWahoo里找不到太多关于这个的信息！谢谢，伙计，好地方。今天我学到了一些东西：我知道每个图像的所有选项，但没想到每个字段都有不同的安全级别，现在一切都有意义了。。

const API_KEY = '123456789abcdef';

fetch(`https://pixabay.com/api/?key=${API_KEY}&q=travel&image_type=photo&pretty=true`)
  .then(res => res.json())
  .then(
    result => {
      // Just for the demo
      const html = result.hits.map(
        hit => `<a href="${hit.pageURL}"><img src="${hit.previewURL}"></a>`
      ).join('');
      document.body.innerHTML = html;
    },
    error => {
      console.log(error);
    }
  );