混在したコンテンツ

Question

私はイオンでアプリケーションを作成しましたが、私は角度のJSの使用及びイオンが、イオンは、httpsを使用し、私のAPIはHTTPに取り組んでいるthorughその後、APIを呼び出すときに私のアプリは、APIを呼び出していません

マイコードは、あなたが私をやろうとしている何 マイページコード

function ($scope, $stateParams,$state,Login) 
{ 

    $scope.data={ 
     'username':'pankeel', 
     'password':'1234546' 

    } 
    $scope.Login_click = function(){ 

      $state.go('/page2'); 
      Login.all($scope.data); 

    } 



} 

私のJSコード

angular.module('app.services', []) 


.service('Login', ['$http',function($http){ 
    var api_url='http://phplaravel-125946-364532.cloudwaysapps.com/api/login'; 

    var ret = { 
     all: function(data) 
     { 

    $http.get(api_url+'/'+data.username + '/' + data.password + '/').then(function(resp){ 
       return resp.data; 
      }); 
     } 
    } 
    return ret; 


}]); 

Answer 1

ですほとんどのブラウザがセキュリティ上の理由でブロックする混在コンテンツタイプです。アクティブ/パッシブの混在コンテンツについては、ミックスコンテンツHereの動きを読んで、どのように動作させるかをお読みください。

つまり、Same Origin policyのためにできません。また、Ajaxリクエストをhttpsに切り替える必要があります。