与Angular4 http请求public rest api的Cors错误

时间:2017-08-22 12:00:55

标签: angular typescript cors ember-cli angular-cli

Ĥello,我有点困惑,我不知道如何解决这个问题。这绝对不是服务器的问题,因为我正在使用我的应用程序之外的每个休息api。

我正在使用以下休息api进行测试

[http://www.groupkt.com/post/f2129b88/free-restful-web-services-to-consume-and-test.htm][1]

  

代码:

async getData(){
  const url = "http://www.groupkt.com/post/c9b0ccb9/country-and-other-related-rest-webservices.htm";
  const response = await this.http.get(url).toPromise();
  console.log(response)
}
}
  

HTML

<button (click)="getData();"></button>

我得到以下错误:

  

XMLHttpRequest无法加载   http://www.groupkt.com/post/c9b0ccb9/country-and-other-related-rest-webservices.htm。   请求中不存在“Access-Control-Allow-Origin”标头   资源。因此不允许来源“http://localhost:4200”   访问。 [1]:   http://www.groupkt.com/post/f2129b88/free-restful-web-services-to-consume-and-test.htm

1 个答案:

答案 0 :(得分:2)

试试这个网址http://services.groupkt.com/country/get/all(例如),这是一个WebService示例。您在代码中使用的网址只是服务的描述。