Angular 2 - In der angeforderten Ressource ist kein 'Access-Control-Allow-Origin'-Header vorhanden

Beim Versuch, API-Aufrufe von meiner Angular 2-App an meine API zu senden, wird die folgende Fehlermeldung angezeigt:

XMLHttpRequest cannot load http://localhost/myAPI/public/api/v1/auth/login. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 422.

Ich habe jede einzelne Frage im Internet überprüft und alles, was mit CORS zu tun hat, hat mein Problem nicht gelöst!

MyLaravel API Läuft auf Port 80. (localhost)

Myangular 2 app Läuft auf Port 3000. (localhost: 3000)

Ich habe versucht, cors auf Laravel-Seite mit Cors-Middleware zu aktivieren. Die API-Aufrufe sindArbeite Mit Chrome Web Security aus. Die erste AntwortHie löst das Problem, aber ich möchte wirklich aufhören, die CMD- und ungesicherte Chrome-Version zu verwenden, wenn ich meine App teste. Mit der Chrome-Erweiterung können POSTMAN-API-Aufrufe an meine API ausgeführt werden.

Also, was ist falsch? Warum kann meine Angular 2-App keine Datensätze von meiner API abrufen?

Antworten auf die Frage(8)

Ihre Antwort auf die Frage