混合内容发行$ http.get AngularJS

问题描述

我有一个运行在HTTPS协议上的应用程序。 我编写了一个Angular函数，以使用$ http服务获取数据。

factory.loadImages = function(callback){

        $http.get("http://gainsight.0x10.info/api/image?page_no=0")
             .success(function(data){

                callback(data);

            }).error(function(status,error){

                console.log(status);

            });
    };

我收到以下混合内容错误：

Mixed Content: The page at 'https://www.hackerearth.com/gainsight-ui-development-hiring-challenge-1/problems/30146b3bf6954bba9752bd5599b3c8aa/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://gainsight.0x10.info/api/image?page_no=0'. This content should also be served over HTTPS.

现在我尝试将$http.get服务中的更改为不幸的是不可用。

任何帮助..万分感谢

即使您能够调用http终结点，您也将无法加载资源，因为它位于其他域上并且存在跨域问题（除非您使用jsonp或cors进行了修复）