Angularjs - 请求的资源上没有“Access-Control-Allow-Origin”标头

Question

尝试使用angularjs访问api：

例如

 footballdataAPI.getTeams = function() {
        $http.defaults.headers.common['Auth-Token'] = '613a6b6937394ae8a94d69f358f76902';
        return $http.get('http://www.football-data.org/alpha/soccerseasons/398/leagueTable?callback=JSON_CALLBACK');
    };

但是我收到了控制台错误：

XMLHttpRequest cannot load http://www.football-data.org/alpha/soccerseasons/398/leagueTable?callback=JSON_CALLBACK. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://alexanderlloyd.info' is therefore not allowed access.

他们是否需要允许来自我的域名的请求？或者我可以添加一些东西来制作这个广告，他们已经给了我一个授权令牌，如代码所示。

谢谢！

Answer 1

服务器必须发送Access-Controll-Allow-Origin标头，告诉浏览器允许来自应用程序主机的请求 - 否则浏览器拒绝提出此类请求（作为内置安全措施）。

如果有兴趣，您可以阅读更详细的解释here。