Question

我正在使用fetch-jsonp来获取https://api.instagram.com/oembed/?url=<embedUrl>，以便使用response.html嵌入我的网站。

但是我的请求遇到CORB错误时遇到问题。

这是我的代码段：

fetchJsonp("https://api.instagram.com/oembed/?url=" + url, {
  timeout: 800,
}).then(function(response) {
  return response.json();
})

我的控制台：

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://api.instagram.com/oembed/?url=<embedUrl> with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.

我使用访问https://api.twitter.com/1/statuses/oembed.json?url=<embedUrl>的相同代码从Twitter进行嵌入，并且工作正常。

由于Twitter响应具有Content-Type: application/javascript的功能，但instagram响应具有Content-Type: application/json的功能却没有。

我该如何做？

Answer 1

我们遇到了同样的问题，但是从jsonp切换到json可以解决问题。例如：

fetch("https://api.instagram.com/oembed/?url=" + url)
  .then(function(response){
    return response.json()
  })
  .then(function(json){
    console.log(json)
  })

api.instagram CORB网络错误，原因是具有Content-Type：application / json`的jsonp响应标头

1 个答案: