来自https的Angular http.get请求

Question

我遇到了这个问题。

我有这样的请求：

$http.get("http://api.openweathermap.org/data/2.5/forecast?lat=" + latitude + "&lon=" + longitude + "&units=metric&appid=b0ef240f1eb180e6ccdcb22")
        .then(function(data) {
            $scope.weather = data.data;
            console.log('Weather request success', $scope.weather);
        }, function(err) {
            console.log("Weather request erroor");
});

在我购买SSL证书之前，它运作良好。

现在我在控制台中出现了一个错误：

“https://www.vashagent.by/travel”的页面是通过HTTPS加载的，但是请求了一个不安全的XMLHttpRequest端点“http://api.openweathermap.org/data/2.5/forecast?lat=undefined&lon=undefined&units=metric&appid=b0ef240f1eb180e6ccdcb22”。此请求已被阻止;内容必须通过HTTPS提供。

Answer 1

将网址从http：// ...更改为https：// ... $ http.get。如错误所示，您无法在安全站点上混合使用http和https。还有其他方法，但这是最直接的。 openweathermap.org支持https。