请求未通过访问控制检查：没有“Access-Control-Allow-Origin”答案

【问题标题】：Request doesn't pass access control check: No 'Access-Control-Allow-Origin'请求未通过访问控制检查：没有“Access-Control-Allow-Origin”
【发布时间】：2016-06-30 09:34:56
【问题描述】：

我只是想从我的http://localhost:8080 中使用mocky.io

但是得到这个错误：

XMLHttpRequest 无法加载 http://www.mocky.io/v2/5715f13a1100004d1187d9e1。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost:8080' 因此不允许访问。

我的请求是这样的：

let headers = new Headers();
  headers.append('Content-Type', 'application/json');
  headers.append('Access-Control-Allow-Origin', '*');
  this.people = http.get('http://www.mocky.io/v2/5715f13a1100004d1187d9e1', { headers: headers })
    .map(response => response.json());

【问题讨论】：

标签： http-headers request angular

【解决方案1】：

其实你应该在 mocky.io 中设置 header Access-Control-Allow-Origin。只需单击“切换到高级模式”，您将看到“自定义标题”输入。添加Access-Control-Allow-Origin 并将* 作为其值。然后创建你的 mocky.io 网址。它现在应该可以工作了。

【讨论】：

【解决方案2】：

看起来您正在尝试访问其他域。也许在 web.config 中添加这个？

<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="http://localhost" />   </customHeaders> </httpProtocol>

【讨论】：