2017-01-17 7 views
0

エラー 応答は、アクセス制御チェックに合格しない値:いいえ「アクセス制御 - 許可 - 起源」ヘッダーはは、複数のパラメータを渡す方法Angularjsとヘッダがプリフライトリクエストに

var myApp = angular.module("myApp", []); 
myApp.controller('TestingCtrl', function ($scope, $http) { 
    var GetData = function() { 

     $http({ 
      method: "GET", 
      url: 'http://103.22.11.11/Buses/Sources' 

     }).success(function (response) { 
      $scope.Return = response.Id[0]; 
      alert("ddd"); 

     }) 
    } 
    GetData(); 
}) 

どのようにすることができますに存在し、このヘッダーを渡す

   'ConsumerKey': '811D72785AC287ACE3E8', 
       'ConsumerSecret': 'C80A758DCC6BCEBE436D25BC' 
+0

バックエンド応答で 'Access-Control-Allow-Headers'を使用すると、サーバー側でカスタムヘッダーを使用できますか?その最も一般的なエラーです。 – lin

+0

これは、サーバー側の問題、サーバー側のアクセス制御の設定、またはメソッドで 'GET'の代わりに' JSONP'を試す必要があります。 – Sravan

+0

Chrome ARCが機能していますが、セパラットファイルが機能していないことを確認してください。 –

答えて

0

次のように試しましたか?

var myApp = angular.module("myApp", []); 
    myApp.controller('TestingCtrl', function ($scope, $http) { 
    var GetData = function() { 

     $http({ 
      method: "GET", 
      url: 'http://103.22.11.11/Buses/Sources', 
      data:{'dummy':'dummy'}, 
      headers: {'Content-Type':'application/json', 
      'ConsumerKey': '811D72785AC287ACE3E8', 
       'ConsumerSecret': 'C80A758DCC6BCEBE436D25BC'} 

     }).success(function (response) { 
      $scope.Return = response.Id[0]; 
      alert("ddd"); 

     }) 
    } 
    GetData(); 
    }); 
+0

彼が尋ねたこととまったく同じです。編集をご覧ください:http://stackoverflow.com/posts/41697263/revisions – lin

関連する問題