Angular 2 应用程序：“XMLHttpRequest 无法加载 localhost 端点”

Question

我设置了 Angular 前端以尝试访问 RESTful 端点。 Angular 前端在 localhost:3000 上提供服务，RESTful 后端在 localhost:8080 上提供服务。

在我的 Angular 休息客户端服务中，我拨打电话（我在我的应用程序的其他地方订阅）：

getCurrentSlides(): Observable<Slide[]> {
  return this.http.get("localhost:8080/app/slides")
     .map(extractData)
     .catch(handleError);
}

但是当 Angular 尝试访问该 URL 时，我收到以下错误：

XMLHttpRequest cannot load localhost:8080/app/slides. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

是的，我的服务器上启用了 CORS。

Answer 1

this.http.get("localhost:8080/app/slides")

您在 URL 中缺少http://。这样一来，大多数浏览器对于不同的端口 but IE does not 仍然需要 CORS，因此在添加 http:// 时，您应该能够使用 IE 进行测试：

IE 异常

Internet Explorer 在同源策略方面有两个主要例外

• 信任区域：如果两个域都在高度信任区域，例如公司域，则不应用相同的来源限制
• 端口：IE 不将端口包含在同源组件中，因此http://company.com:81/index.html 和http://company.com/index.html 被视为同源并且没有应用限制。

这些例外是非标准的，不受任何其他浏览器的支持，但在为基于 Windows RT（或）IE 的 Web 应用程序开发应用程序时会很有帮助。

也就是说，您应该启用 CORS。 （但似乎你做到了，所以它只是缺少 http:// 前缀。）