如何在 HTTP（非安全）服务器上使用 jQuery GET？

Question

当我尝试在非安全站点（即 http，而不是 https）上使用 $.get 时遇到此错误：

jquery.min.js:4 混合内容：“...”处的页面是通过 HTTPS 加载的，但请求了不安全的脚本“http://api.openweathermap.org/data/2.5/weather?lat=50&lon=2?callback=jQuery...”。此请求已被阻止；内容必须通过 HTTPS 提供。

我一直在想办法解决这个问题。这个问题是固定的，因为服务器由 OpenWeather.org 托管，并且它是一个不安全的站点（即 http，而不是 https）。

这是我的请求代码： $.get("https://api.openweathermap.org/data/2.5/weather?lat=" + latitude + "&lon=" + longitude + "&APPID=123456", function(data) { tempC = data.weather.main.temp / 10; // OpenWeather API returns Celsius * 10 rain = data.rain["3h"]; clouds = data.clouds.all; });

当然，只需将请求 URL 更改为 https://api.openweathermap.org... 是行不通的。试过了，没用。

我现在能想到的唯一解决方案是找到另一个可免费用于我的项目的天气 API，但我想知道是否有办法仍然使用 OpenWeathermap 的 API，因为它是 http。很想知道这一点，因为仅仅因为它是 http 而不是 https 就不得不放弃某些 API 似乎很浪费。

Answer 1

在 SO 上找到另一篇关于相同“混合内容”问题的帖子。它很有帮助，并指出了解决问题的许多其他资源。

提问者最终放弃了 openweathermap API（因为它通过 HTTP 提供服务）并改用了 forecast.io 的 API（通过 HTTPS 提供服务，但仍然免费）。

Using Open Weather Map which is HTTP only through an HTTPS website and NOT get mixed content warning

Answer 2

所以，问题在于，您在 HTTPS 站点（JSFiddle 和 Coodepen）上运行代码。出于安全原因，您的浏览器将不允许 HTTPS 站点上的 HTTP 连接。您可以通过在运行代码的页面上强制使用 HTTP（尝试从本地文件或 localhost 运行代码）来解决该问题，或者您可以在服务器上创建 HTTPS -> HTTP 转发，这将接收 HTTPS 请求从您的代码中向 API 发送 HTTP 请求。

我建议首先尝试从 localhost 或本地文件运行（不确定是否每个浏览器都允许从本地文件进行 AJAX，但您可以在设置 localhost 之前尝试），这应该适合您。如果您只是想测试 API，您可以简单地将 GET 请求的 URL 复制到浏览器选项卡中并执行它。