AngularJS中的混合内容

Question

我已经在Ionic中创建了应用但是当我调用API然后使用角度js和离子但离子是使用https而我的api正在使用http所以我的应用程序不会调用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。