javascript - AngularJS 中的混​​合内容

Question

我已经在 Ionic 中创建了应用程序但是当我调用 API 然后通过使用 angular js 和 ionic 但是 ionic 使用 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。