使用http请求时阻止跨源请求

Question

我尝试在angular2

中向此地址发出http请求

http://api.football-data.org/v1/competitions/398/teams

直到今天我都收到错误信息：

请求标题字段预检响应中的Access-Control-Allow-Headers不允许使用Content-Type。

虽然我可以通过浏览器访问此网址。问题是什么？通过浏览器和使用angular2之间的http请求之间有什么区别。对于我的chrome浏览器，我还在chrome上安装了cors扩展名。

Answer 1

一种解决方案是在服务器上配置CORS。

Answer 2

它使我们的cors chrome扩展无法正常工作，一旦我重新启动它，一切都会再次运作。

另一种解决方案是在服务器上使用代理或添加cors标头。