这是跨域还是跨协议请求？

Question

我遇到了一个让我难以调试的错误。 它发生在 Angular2 中的 http GET 中，如下所示：

constructor(private http: Http) {}

...

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

失败并出现如下错误：

XMLHttpRequest 无法加载 http://someApi.abc.com/stuff?params' 到 'http://elsewhere.abc.com/' 已被 CORS 策略阻止：否 'Access-Control-Allow-Origin' 标头出现在请求的 资源。因此不允许使用原点“http://local.abc.com” 访问。

我认为有 2 个问题：我不理解的重定向（可能需要联系 someApi 所有者？）和 CORS 问题。

我的理解是域名是：abc.com 协议是：http 所以不应该涉及 CORS 废话。我显然错了，但不明白为什么:(

Answer 1

同源策略基于需要完全匹配的域。 local.abc.com 与 someApi.abc.com 不完全匹配。所以http://local.abc.com 和http://someApi.abc.com 是两个完全不同的起源。因此，如果您有在源 http://local.abc.com 运行的前端 JavaScript 代码并向 http://someApi.abc.com 发出请求，那么这是一个跨源请求，因此 CORS 参与其中；具体来说，如果http://someApi.abc.com 站点未在其响应中发送Access-Control-Allow-Origin 响应标头，浏览器将不允许您的前端JavaScript 代码访问此类请求的响应。