Api GET请求返回空响应，但postman不返回

Question

我正在尝试对远程服务器进行api调用，最初，我遇到以下错误：请求的资源上不存在“Access Control Allow Origin”头

我暂时解决这个错误，方法是在链接之前附加https://cors-anywhere.herokuapp.com链接，或者有时使用Moesif Cors-On-where chrome扩展。读取现在返回200 ok状态，但响应是空的。

body: ReadableStream
locked: true
__proto__: ReadableStream
bodyUsed: true
headers: Headers {}
ok: true
redirected: false
status: 200
statusText: "OK"
type: "cors"

response: {}
data: undefined

但是，如果我在postman上运行相同的查询，它将返回预期的响应json对象。我该如何解决这个问题？

 const searchFlightData = (to, from, depDate, adults) => {
        fetch(`http://api.travelpayouts.com/v1/prices/direct?origin=${from}&destination=${to}&depart_date=2017-11&return_date=2017-12&token=${tp_token}`)
            .then(response => {
                if (response.ok) {
                    console.log(response)
                    return response
                }
                else
                    console.log(`Looks like something went wrong. Status: ${response.status}`)
            })
            .then(response => {
                response.json()
                console.log("response: " + JSON.stringify(response))
            })
            .then(data => {
                console.log("data: " + data)
            })
            .catch(error => {
                console.log(error)
            })
}




Answer 1

在前端请求中添加accept all的标头，如下所示

Answer 2

响应。json（）返回一个promise，您必须等待解决此问题。如果希望链中的下一个，然后接收某些内容，则还必须返回一些内容。

像这样的东西应该工作：

 const searchFlightData = (to, from, depDate, adults) => {
        fetch(`http://api.travelpayouts.com/v1/prices/direct?origin=${from}&destination=${to}&depart_date=2017-11&return_date=2017-12&token=${tp_token}`)
            .then((response) => {
                if (response.ok) {
                    return response
                } else {
                    throw `Looks like something went wrong. Status: ${response.status}`;
                }
            })
            .then(response => response.json())
            .then(data => {
                console.log("data: " + data)
            })
            .catch(error => {
                console.log(error)
            })
}

或者用你的控制台。日志：

return response.json().then((data) => console.log(data));

Answer 3

如果要从服务器请求数据，则必须将其位于同一域上，或者必须设置“Access-Control-Allow-Origin”标题。我不会依赖https://cors-anywhere.herokuapp.com

对于开发，您可以使用代理服务器来绕过此限制。（许多框架已经有了解决方案，我不知道您使用哪一个）