javascript - Angular2 中的 CORS 问题

Question

这个问题已经有答案了:

Origin is not allowed by Access-Control-Allow-Origin (18 个回答)

已关闭 7 年前。

我正在为我的应用程序使用 webpack angular2 入门套件 ( https://github.com/AngularClass/angular2-webpack-starter )，但现在我遇到了问题。

我尝试调用电话

getSomeData(): Observable<any> {
  let url =  here is my api URL;
  let headers = new Headers({ 'Content-Type': 'application/json; charset=utf-8', "Access-Control-Allow-Origin": "*", 'dataType': 'json', });
  let options = new RequestOptions({ headers: headers });

  return this._http.get(url, options).map(res => res.json());
}

我有下一个错误

XMLHttpRequest cannot load (my URL) Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 405.

此 Api(它使用 firebird)默认返回 XML，这可能会导致问题。

1. 如何使 JSON 始终出现？
2. 如何使用 CORS 解决此问题？

Answer 1

此问题出现在服务器端。后者必须在 HTTP 调用的响应中返回 Access-Control-Allow-Origin header 。

大多数时候，您可以将一些工具插入到服务器应用程序中来为您执行此操作。服务器知道当客户端发送 Origin header (由浏览器自动添加)时必须返回 CORS header 。

有关 CORS 的更多详细信息，请参阅本文:

• http://restlet.com/blog/2015/12/15/understanding-and-using-cors/