Javascript 无法查看我的映像，因为=CORB阻止了跨源响应

嗨，我有一个小问题，我使用giphyapi来获取gif（显然），当我获得我需要的gif的url时，我将它们放入我的imgsrc元素中。但CORB似乎出于某种原因阻止了url

当我在console.log中记录data.data[0].url时，我会得到此url=

代码如下：

function verwerkData(data) {
    gifContainer.innerHTML += `<img src="${data.data[0].url}" title="${data.data[0].title}"/>`;
}

函数verwerkData（数据）{
gifContainer.innerHTML+=`；
}

错误=

---

跨源读取阻止（CORB）使用MIME类型text/html阻止跨源响应。有关更多详细信息，请参见。

用于

的

src

属性必须包含指向图像的URL

将URL放在HTML文档中是没有意义的

---

错误消息实质上是说“这是一个HTML文档，不可能是正确的，我正在阻止它”。

正如昆汀之前提到的，您必须找到图像URL，而不是包含图像URL的页面URL。你有两个选择。首先，如果不是动态网页，请在Giphy页面上自行搜索图像：

否则，使用XHR或后端请求，对响应内容执行正则表达式以提取图像。例如：

const regex=/https:\/\/[a-z0-9\.]+\/media\/[a-z0-9A-Z]+\/giphy\.gif\？cid=[a-f0-9]+&rid=giphy\.gif&ct=g/gi

您好，感谢您的回复，非常感谢！是这个吗？否，对于您发送的页面，您应该具有以下图像URL:

https://media0.giphy.com/media/Cmr1OMJ2FN0B2/giphy.gif?cid=790b7611189b7f4a03596f8fa2c37d760bfad1a42bcfdb25&rid=giphy.gif&ct=g

我找到了谢谢你，伙计！（merci Beaucup）我必须使用的命令是：data.data[0].images.downsized.url；哦，你使用的是官方API！感谢您的反馈，我将为下次做笔记。谢谢男士：对不起，我是个初学者，所以我没看到。谢谢你的回复。