"Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten Ressource vorhanden. Die Antwort hatte den HTTP-Statuscode 403."

Question

Ich habe Angular Produkte Dienstleistungen und seine Anrufe "http://jsonplaceholder.typicode.com/posts" URL mit der HttpClient-Methode.

Aber es zeigt die "Nein 'Access-Control-Allow-Origin' Header ist auf der angeforderten Ressource vorhanden. Ursprung 'http://localhost:5700' ist daher nicht erlaubt. Die Antwort hatte HTTP-Status-Code 403."

Nach meinem Verständnis von oben ist der Fehler, Header zu setzen, aber es ist nur öffentlich API zu bekommen, so denke ich, müssen nicht die Header dafür einstellen.

Vielen Dank im Voraus.

Answer 1

es ist eigentlich ein Fehler, der vom Browser ausgelöst wird und nur auf der Serverseite behoben werden kann. Wie Sie sehen, setzt der Endpunkt in den Antwortheadern Access-Control-Allow-Origin nicht, sodass Sie ihn nicht von einer anderen Domäne in einem Browser aus aufrufen können (in diesem Fall 'http://localhost:5700). Die Header sind:

access-control-allow-credentials →true 
cache-control →public, max-age=14400 
cf-cache-status →HIT 
cf-ray →3c4f9790845896e8-FRA 
connection →keep-alive 
content-encoding →gzip 
content-type →application/json; charset=utf-8 
date →Tue, 28 Nov 2017 19:04:16 GMT 
etag →W/"6b80-Ybsq/K6GwwqrYkAsFxqDXGC7DoM" 
expires →Tue, 28 Nov 2017 23:04:16 GMT 
pragma →no-cache 
server →cloudflare-nginx 
transfer-encoding →chunked 
vary →Accept-Encoding 
via →1.1 vegur 
x-content-type-options →nosniff 
x-powered-by →Express