看不到我的图像，因为 = CORB 阻止了跨源响应
Cannot see my image because = CORB blocked cross-origin response
嗨，我有一个小问题，我使用 GIPHY-api 来获取 GIFS（很明显），当我得到 url 我需要的 GIF 时，我将它们放入我的 img源元素。但是 CORB 似乎出于某种原因 url 阻止了
当我 console.log data.data[0].url 我得到这个 url =
https://giphy.com/gifs/soulpancake-funny-kid-president-kidpresident-rgk1DxSugZDFu
这是代码：
function verwerkData(data) {
gifContainer.innerHTML += `<img src="${data.data[0].url}" title="${data.data[0].title}"/>`;
}
错误=
跨源读取阻止 (CORB) 阻止了 MIME 类型 text/html 的跨源响应 https://giphy.com/gifs/soulpancake-funny-kid-president-kidpresident-rgk1DxSugZDFu。有关详细信息，请参阅 https://www.chromestatus。com/feature/5629709824032768。
<img> 的 src 属性必须包含 图片
的 URL
将 URL 放入 HTML 文档没有意义。
错误消息基本上是说“这是一个 HTML 文档，这不对，我正在阻止它”。
正如 Quentin 之前提到的，您必须找到图像 URL，而不是包含图像 URL 的页面 URL。你有两个选择。首先，自己去，如果不是动态网页，在Giphy页面，自己去搜索图片：.
否则，使用 XHR 或后端请求，对响应内容执行正则表达式以提取图像。例如：
const regex = /https:\/\/.*giphy.*\/media\/\w+\/giphy.gif\?cid=[a-f0-9]+&rid=giphy\.gif&ct=g/gi
嗨，我有一个小问题，我使用 GIPHY-api 来获取 GIFS（很明显），当我得到 url 我需要的 GIF 时，我将它们放入我的 img源元素。但是 CORB 似乎出于某种原因 url 阻止了
当我 console.log data.data[0].url 我得到这个 url = https://giphy.com/gifs/soulpancake-funny-kid-president-kidpresident-rgk1DxSugZDFu
这是代码：
function verwerkData(data) {
gifContainer.innerHTML += `<img src="${data.data[0].url}" title="${data.data[0].title}"/>`;
}
错误= 跨源读取阻止 (CORB) 阻止了 MIME 类型 text/html 的跨源响应 https://giphy.com/gifs/soulpancake-funny-kid-president-kidpresident-rgk1DxSugZDFu。有关详细信息，请参阅 https://www.chromestatus。com/feature/5629709824032768。
<img> 的 src 属性必须包含 图片
将 URL 放入 HTML 文档没有意义。
错误消息基本上是说“这是一个 HTML 文档，这不对，我正在阻止它”。
正如 Quentin 之前提到的，您必须找到图像 URL，而不是包含图像 URL 的页面 URL。你有两个选择。首先，自己去，如果不是动态网页，在Giphy页面，自己去搜索图片：
否则，使用 XHR 或后端请求，对响应内容执行正则表达式以提取图像。例如：
const regex = /https:\/\/.*giphy.*\/media\/\w+\/giphy.gif\?cid=[a-f0-9]+&rid=giphy\.gif&ct=g/gi