Проблема смешанного контента $http.get AngularJS

Question

У меня есть приложение, работающее по протоколу 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://gainsight.0x10.info/api/image?page_no=0 на https://gainsight.0x10.info/api/image?page_no=0 в моем $http.get сервис, который, к сожалению, не доступен.

Любая помощь. Очень ценится

Answer 1

Удалить протокол!!

Вместо того, чтобы использовать https://... просто используйте //...,

Надеюсь, что это работает:)

Ссылка

Answer 2

Даже если вы сможете вызвать конечную точку http, вы не сможете загрузить ресурс, потому что он находится в другом домене, и у вас проблема с несколькими доменами (если вы не исправите это с помощью jsonp или cors)

http://www.d-mueller.de/blog/cross-domain-ajax-guide/