S'agit-il d'une requête inter-domaines ou inter-protocoles?

Question

J'ai une erreur que je ne peux pas corriger. Il se passe d'une http GET dans Angular2 qui ressemble à ceci:

constructor(private http: Http) {} 

... 

this.http.get('someApi.abc.com/stuff?params`) 

qui échoue avec une erreur qui ressemble à ceci:

XMLHttpRequest ne peut pas charger http://someApi.abc.com/stuff?params « à » http://elsewhere.abc.com/ 'a été bloqué par CORS: Non L'en-tête 'Access-Control-Allow-Origin' est présent sur la ressource demandée. L'origine 'http://local.abc.com' n'est donc pas autorisée .

Je pense qu'il y a 2 problèmes: une redirection que je ne comprends pas (peut-être besoin de contacter le propriétaire de someApi?) Et un problème CORS.

Ma compréhension est que le domaine est: abc.com Et le protocole est: http Il devrait y avoir pas de bêtises CORS impliqués. Je suis apparemment mal, mais ne comprends pas pourquoi :(

Answer 1

La politique d'origine est basée sur les domaines qui ont besoin de correspondre exactement. local.abc.com ne correspond pas exactement someApi.abc.com. Alors http://local.abc.com et http://someApi.abc.com sont deux origines complètement différentes Donc, si vous avez un code JavaScript qui fonctionne à l'origine http://local.abc.com et qu'il fait une demande à http://someApi.abc.com, alors c'est une demande d'origine croisée et donc CORS est impliqué, en particulier, les navigateurs ne permettent pas à votre code JavaScript d'accéder à la réponse à partir d'une telle demande si le site http://someApi.abc.com n'envoie pas l'en-tête de réponse Access-Control-Allow-Origin dans ses réponses