我正在编写一个 React JS 应用程序，从 localhost:8080 运行，然后是我自己的网站，对 the API that openweathermap.org provides 进行 AJAX 调用。
然后这让我想知道，对于 localhost:8080 和我的网站，比如 www.mysite.com，从 http://api.openweathermap.org/data/2.5/forecast 获取数据的 AJAX 调用是否违反了同源策略？
如果示例实际托管在 GitHub 页面上，那么 AJAX 调用实际上无法通过，因为 GitHub 页面现在使用https，而对 API 的 AJAX 调用使用http，不能是https，并且它不会获取数据。
附：可以肯定的是，AJAX 不是通过 JSONP 完成的，正如我在控制台中看到的那样，发出了请求，而响应只是纯 JSON 数据。 （所以没有使用脚本标记方法）。
【问题讨论】：
http://api.openweathermap.org/data/2.5/forecast 发送 Access-Control-Allow-* 标头：
$ curl -I http://api.openweathermap.org/data/2.5/forecast
HTTP/1.1 401 Unauthorized
Server: openresty
Date: Sat, 01 Apr 2017 02:11:30 GMT
Content-Type: application/json; charset=utf-8
Content-Length: 107
Connection: keep-alive
X-Cache-Key: /data/2.5/forecast?
Access-Control-Allow-Origin: *
Access-Control-Allow-Credentials: true
Access-Control-Allow-Methods: GET, POST
https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS 解释了这些响应标头对浏览器的影响——但要点是，如果您在浏览器中运行的客户端 JavaScript 代码发送跨域请求，并且返回的响应包含 @ 987654326@ 响应标头，然后浏览器会将响应公开给您的代码。但如果响应不包含 Access-Control-Allow-Origin 响应标头，则浏览器将不允许您的代码访问响应。
【讨论】：
Access-Control-Allow-Origin响应头...它甚至有名字...