angular – 即使CORS设置正确,也会在请求的资源上出现“No’Access-Control-Allow-Origin’标头”错误

尝试访问服务器上启用了CORS的其他域中的Web服务.当我使用Postman测试Web服务时,一切正常,我收到以下响应头：

Access-Control-Allow-Headers:Content-Type
Access-Control-Allow-Methods:GET,POST,deletE,PUT,OPTIONS
Access-Control-Allow-Origin:*

当我的Web应用程序(Angular 2)尝试POST到它时,我得到：

XMLhttprequest cAnnot load http://example.com/mywebservice. No 'Access-Control-Allow-Origin' header is present on the requested resource.

我不确定为什么Postman似乎正在接收正确的变量设置,但我的浏览器仍然阻止我使用它.

根据Chrome调试器,预检响应似乎运行良好：

request Method:OPTIONS
Status Code:200 OK

当我尝试访问Web服务的GET部分时,一切正常：

getJob(id: number): Observable<Job> {

    let myParams = new URLSearchParams();
    myParams.append('id',id + "");

    let options = new requestOptions({ headers: this.getHeaders(),params: myParams});

    return this.http
        .get(this.jobsUrl,options)
        .map(res => res.json().data as Job)
        .catch(this.handleError);
}

这是Web服务的POST部分失败：

createJob(job: Job): Observable<any> {

    let options = new requestOptions({ headers: this.getHeaders()});

    return this.http
        .post(this.jobsUrl,job,options)
        .map(res => res.json().jobID)
        .catch(this.handleError);
}

这是getHeaders()：

private getHeaders() {
    let headers = new Headers();
    headers.append('Content-Type','application/json');
    return headers; 
}

XMLhttprequest cAnnot load http://example.com/mywebservice. No 'Access-Control-Allow-Origin' header is present on the requested resource.