尽管有 XMLHttRequest 错误，但 Angular2 发布请求

Question

我向远程 API 发送请求。 API 需要一点时间才能继续进行。

在这短暂的等待时间之后，我可以在网络选项卡中看到 HTTP 200。在响应中，我得到了正确的预期信息。 API 方面的一切工作正常。

在控制台上的BIT，我可以看到我遇到了一个XMLHttpRequest错误。

为什么，特别是当我有一个 XMLHttpRequest 错误时，POST 完成时是 200？不应该被Angular2“阻止”吗？

意外的结果是：我的文件已正确上传并由 API 处理，但在 Angular2 中，它触发了我调用的 ERROR 部分。

例如，如果我使用https://resttesttest.com/，它似乎遇到了同样的错误，但它并没有完成POST：

哦不！ Javascript 返回一个 HTTP 0 错误。这可能发生的一个常见原因是您 从服务器请求的跨域资源不包括 响应中相应的 CORS 标头。

此调用的 Angular 2 代码

this.http
    .post(this.documentUploadAPIUrl, formData, options)
    .subscribe(
      res => {
        this.responseData = res.json();
        console.log(this.responseData);
        console.log('Uploaded a blob or file!');
      },
      error => {
        console.log('Upload failed! Error:', error);
      }
    );

Answer 1

尝试将 xmlHttpRequest 的 withCredential 属性设置为 true，这将发送由浏览器管理的凭据，在 Angular 2 中您可以这样做

    import { RequestOptions } from '@angular/http';


    this.http
      .post(this.documentUploadAPIUrl, formData, this.post_options)
      .subscribe(
        res => {
         this.responseData = res.json();
         console.log(this.responseData);
         console.log('Uploaded a blob or file!');
        },
        error => {
         console.log('Upload failed! Error:', error);
        }
       );



post_options() {
   return new RequestOptions({ method: 'post', withCredentials : true  });
}