XMLHttpRequest cannot load . No 'Access-Control-Allow-Origin' header is present

Question

angular.module('footApplication.services', [])
    .factory('AllBet', function ($resource) { 
        return $resource('http://api.football-data.org/v1/soccerseasons/1/fixtures');  
    });

.controller("GetAllBet",function($scope,$http){
    $http.get("https://edg.epa.gov/data.json").success(function(data){
        $scope.teams=data.data;
        console.log($scope.teams.conformsTo);
    });    
});

The site is not allowing you to do this, look at the Ajax examples @ api.football-data.org, you are required to provide a X-Auth-Token header — Alex K., Feb 17 '16 at 11:19
Go and look at the hundreds of other questions, with answers for this exact issue. — M21B8, Feb 17 '16 at 11:21

score 0 · Accepted Answer · answered Feb 17 '16 at 11:22

0

You need to register to allow CORS:

answered Feb 17 '16 at 11:22

karaxuna

26,752
13
82
117

how I can add API token to the code when I consume the Web service – Chiheb BEL HAJ ALI Feb 18 '16 at 18:20

XMLHttpRequest cannot load . No 'Access-Control-Allow-Origin' header is present

1 Answers1