在HEROKUAPP上托管的API引发CORB错误

时间:2019-04-13 15:40:45

标签: node.js express heroku cors fetch

我在xxx.herokuapp.com上有一个后端设置(NodeJS + Express),它提供了某些API 当我从 POSTMAN BROWSER 命中时,它会给我有效的答复。

但是,如果我是从本地前端项目或在herokuapp上部署的该项目的版本尝试的,请说yyy.herokuapp.com。我收到以下消息,状态为200,但没有结果:

enter image description here

  

index.js:9跨域读取阻止(CORB)阻止了跨源   响应   https://xxx.herokuapp.com/api/getmedia?link=https://www.instagram.com/p/BqDJ9LqgCMO/   MIME类型为application / json。看到   https://www.chromestatus.com/feature/5629709824032768了解更多   详细信息。

以下是我如何调用该API:

function getMedia() {
var url = document.getElementById("search-box").value;

fetch('https://xxx.herokuapp.com/api/getmedia?link=https://www.instagram.com/p/BqDJ9LqgCMO/', {
    method: "GET", // *GET, POST, PUT, DELETE, etc.
    mode: "no-cors", // no-cors, cors, *same-origin
    cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
    headers: {
        "Content-Type": "application/json",
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Headers'": "*"
    }
})
    .then(response => console.log('response', response))
    .catch(err => console.log('err', err))

}

请帮助我了解如何解决此CORB问题?

0 个答案:

没有答案
相关问题