简单获取 angular4 错误：在预检响应中 Access-Control-Allow-Headers 不允许请求标头字段 X-XSRF-TOKEN答案

【问题标题】：simple get angular4 error: Request header field X-XSRF-TOKEN is not allowed by Access-Control-Allow-Headers in preflight response简单获取 angular4 错误：在预检响应中 Access-Control-Allow-Headers 不允许请求标头字段 X-XSRF-TOKEN
【发布时间】：2017-11-22 09:49:42
【问题描述】：

一个简单的get angular4错误：在预检响应中Access-Control-Allow-Headers不允许请求标头字段X-XSRF-TOKEN。

url: string = 'https://api.elasticemail.com/mailer/status/log?format=json&username=mymail@mail.com&api_key=my-key;

private readData() {
  this._http.get(this.url)
  .subscribe(
  data => this.extractData(data),
  err => this.handleError(err)
  );
}

private extractData(res: Response) {
  console.log("generate teste")
  let body = res.json();
  console.log(body);
  return body.data || {}; 
}

如何解决这个问题？

【问题讨论】：

这是一个 CORS 问题。您正在调用与提供 JavaScript 的域不同的域。所以它不是真正的 Angular，而是 CORS 和同源策略：en.wikipedia.org/wiki/Same-origin_policyCORS 是跨域资源共享
但是我对请求链接没有响应控制，如何通过角度配置？感谢收听
这个问题在这里已经有了答案：stackoverflow.com/questions/38589944/…

标签： angular rest get x-xsrf-token

【解决方案1】：

在 Windows 中，将此命令粘贴到运行窗口中

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security
this will open a new chrome browser which allow access to no 'access-control-allow-origin' header request.

参考

Why does my JavaScript get a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error when Postman does not?

【讨论】：