web-dev-qa-db-fra.com

Angular 4 erreur Access-Control-Allow-Origin avec l'URL localhost

Je me penche angulaire, essayant d'utiliser HTTP pour obtenir un fichier json sur l'URL localhost http: //api.test/work.but J'ai l'erreur ci-dessous:

Impossible de charger http: //api.test/work : Aucun en-tête 'Accès-Contrôle-Autoriser-Origine' n'est présent sur la ressource demandée. Origin ' http: // localhost: 4200 ' n'est donc pas autorisé à accéder.

par la façon dont j'utilise laravel pour générer json

3
Saleem Hakeem

Cela signifie que, http://api.test/work.but n'autorise pas les requêtes d'origine croisée. Si ce lien est hébergé par vos soins, vous devrez autoriser les requêtes croisées entre origines. Dans les en-têtes de votre réponse, vous devrez envoyer: Access-Control-Allow-Origin: *

Cela signifie que toute demande de corps à votre serveur.

Si vous souhaitez autoriser l'accès à des domaines spécifiques, vous pouvez les spécifier.

En savoir plus sur CORS ici: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

0
ashfaq.p

J'avais la même erreur; "Impossible de charger http: // web-api_link : Aucun en-tête 'Accès-Contrôle-Autoriser-Origine' présent sur la ressource demandée. Origine ' http: // localhost: 4200 ' est donc accès non autorisé ". CORS était déjà installé sur mon navigateur Chrome. C'était allumé. J'ai cliqué dessus et vérifié "Activer le partage de ressources d'origine croisée". Je l'ai désactivé et réactivé. Cela a fonctionné pour moi! 

0
vsg