Erreur Cors avec Angular4 demande http api de repos public

Question

Ĥello, je suis un peu confus et je ne sais pas comment je peux résoudre le problème avec les cors. Ce n'est définitivement pas un problème avec le serveur car je le reçois avec chaque api de repos qui est en dehors de mon application.

J'utilise ci-dessous pour le test reste api

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

code:

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> 

Après erreur que je reçois:

XMLHttpRequest ne peut pas charger http://www.groupkt.com/post/c9b0ccb9/country-and-other-related-rest-webservices.htm. Aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. L'origine 'http://localhost:4200' n'est donc pas autorisée accès. [1]: http://www.groupkt.com/post/f2129b88/free-restful-web-services-to-consume-and-test.htm

Answer 1

Essayez cette URL http://services.groupkt.com/country/get/all (par exemple), ceci est un échantillon WebService. L'URL que vous utilisez dans votre code est seulement la description des services.