Angular2 post request несмотря на ошибку XMLHttRequest

Question

Я отправляю запрос на удаленный API. Потребуется немного времени для того, чтобы API работал на своей стороне.

После этого небольшого времени ожидания я могу видеть на сетевой вкладке HTTP 200. В ответ я получил надлежащую предназначенную информацию. Все на стороне API отлично работает.

BIT на консоли, я вижу, что столкнулся с ошибкой XMLHttpRequest.

Почему, особенно если у меня есть ошибка XMLHttpRequest, POST завершается 200? Разве это не должно быть «заблокировано» Angular2?

Непреднамеренного результат: мой файл правильно загружен и обрабатывается API, но в Angular2, это вызывает ОШИБКИ часть моего звонка.

Если я использую https://resttesttest.com/, например, кажется, столкнулись с той же ошибки, но он не завершит POST:

О, нет! Javascript вернул ошибку HTTP 0. Одна из распространенных причин этого может заключаться в том, что вы запросили междоменный ресурс с сервера, который не включил соответствующие заголовки CORS в ответ.

Угловой 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

попытаться установить withCredential атрибутом XMLHttpRequest истина, это будет отправлять учетные данные, управляемые броузером, в угловом 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 }); 
}