$ http：GET無効な基本ヘッダー。認証情報がありません

Question

$ httpメソッドを使ってスターウォーズAPIにアクセスしようとしましたが、メッセージ「の無効な基本ヘッダーがある403レスポンスを取得しています。クレデンシャルはありません」ここでは何が欠けていますか？

$http({ 
    method : 'GET', 
    url : 'https://swapi.co/api/people/' 
}).then(function(success) { 

    var data = JSON.parse(body); 
    var result = data.result.filter(function each(r) { 
    return username == r.name && password == r.birth_year; 
    }); 


}, function(error) { 
    alert('not logged::' + eror) 

}); 

問題を見つけるのを手伝ってもらえますか？

Answer 1

getコールによって返されたデータが間違って使用されています。 これをJSONに解析する必要はありません。すでにJSONです。

ここでは、APIへの呼び出しを伴うプランナーがあります。それはあなたが https://plnkr.co/edit/WKQfqc7wxmBJIjYUyZKe

angular.module('myApp', []).controller('myAppController', function($http, $scope) { 

$scope.callApi = function() { 
    $http.get('https://swapi.co/api/people/').then(function(result) { 

    $scope.characters = result.data.results; 

    }, function(error) { 
    alert('not logged::' + error) 
    }); 
} 
});