获取API-http和https的CORS问题

Question

我在获取API时遇到了一些问题。当我启动这段代码时:

fetch('https://g.tenor.com/v1/search?q=love%20is%20war&key=3TXJWOV3UY1V&limit=8')
    .then(response => response.json(),{headers:headers})
    .then(data => {
    console.log(data) // Prints result from `response.json()` in getRequest
    })

从 http://quenouillere.fr/，它可以毫无问题地工作。但是当我想从 https://quenouillere.fr/ 使用它时，它不适用于CORS问题。它检测到源不一样（因为是http谁发起请求，https谁接收它）我在互联网上搜索，但似乎没有人有这个问题。

https上的CORS问题

谢谢你提前的回答：）

Answer 1

我从stackoverflow的控制台选项卡尝试了您的请求，一切正常，因为我们发送了此标头（在请求中，此标头由您的浏览器自动添加，因此您无需为此做任何事情）：

Origin: https://stackoverflow.com

我们从响应中收到这个标头：

Access-Control-Allow-Origin: https://stackoverflow.com

我在另一个网站(这里是slack)的控制台选项卡中尝试了相同的请求(基本上是您的代码)，标题send是request is(如预期的) :

Origin: https://app.slack.com

但是我收到了这样的回复:

Access-Control-Allow-Origin: https://stackoverflow.com

我检查了（使用网络选项卡、Postman和Fiddler），第二个请求没有提到stackoverflow...

我不知道确切的原因，但似乎服务器将来源与来自发送者的某个东西(也许是IP？)所以你现在被困在同一个原点了...

所以基本上 https://quenouillere.fr/ 会起作用，如果这是你的第一次尝试......

你能做的就是直接联系他们。