我在xxx.herokuapp.com
上有一个后端设置(NodeJS + Express),它提供了某些API
当我从 POSTMAN 或 BROWSER 命中时,它会给我有效的答复。
但是,如果我是从本地前端项目或在herokuapp上部署的该项目的版本尝试的,请说yyy.herokuapp.com
。我收到以下消息,状态为200,但没有结果:
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问题?