2016-11-30 9 views
0

Ich habe die Angular 2 Tour des Heroes Tutorial zum T gefolgt, und ich habe erfolgreich die Anzeige der Helden implementiert (ich habe sie in Mitarbeiter umbenannt).Angular 2, kann nicht von localhost lesen

Allerdings verwendet das Lernprogramm einen im Speicher Mock-Webserver. Wenn ich versuche, eine lokale Host-URL zu übergeben (die json anzeigt) von meinem Feder-Boot-Backend, bekomme ich diesen Fehler:

XMLHttpRequest cannot load http://localhost:8080/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access 

Allerdings, wenn ich einen Online-Web-api verwenden möge, zum Beispiel:

https://jsonplaceholder.typicode.com/users

Dann funktioniert es vollkommen in Ordnung.

Jede Hilfe würde sehr geschätzt werden.

+0

Es gibt mindestens 20 doppelte Fragen. –

+0

Sie müssen Ihre API CORS aktivieren. –

+0

@RavinderKumar Ja, danke, das war das Problem, ich habe es als Lösung unten hinzugefügt. – Razor88

Antwort

1

Es gab tatsächlich doppelte Fragen (ich habe gepostet, da keiner von ihnen mein Problem gelöst zu haben schien). Stellt sich heraus, einer von ihnen hat mich auf die richtige Spur gebracht. Ich musste nur

@CrossOrigin(origin ="http://localhost:3000") 

auf meiner Controller-Klasse im Frühjahr setzen. Dies ermöglichte CORS im Frühjahr.

Weitere Informationen hier

https://spring.io/blog/2015/06/08/cors-support-in-spring-framework

Verwandte Themen