我如何使用角度误差处理获得控制台上出现的CORS误差？

Question

我已经把我自己的小错误处理程序放在一起来处理REST服务器上的HttpErrorACK，但是我注意到客户端出现了问题，Angular正在将它们包装为HttpErrorACK的一部分，该部分会传递给我的错误处理程序。

在控制台上，我首先看到这个:

CORS 策略已阻止从源“http://localhost:4200”以“http://localhost:8080/group”位置访问 XMLHttpRequest：当请求的凭据模式为“include”时，响应中“访问控制-允许-源”标头的值不得为通配符“*”。由 XMLHttpRequest 发起的请求的凭据模式由 withCredentials 属性控制。

在这种情况下，这是意料之中的，但是我希望我的错误处理程序记录这个错误，只是我不知道如何记录。这是使用时的处理程序:

 getGroups(): Observable<Group[]> {
    return this.http.get<Group[]>(`${this.restUrl}/group`).pipe(
        catchError(
            error => this.errorService.handleError<Group[]>(
                                    error, 'getGroups', [])
          )
      );
  }

我的错误服务:

  handleError<T>(
      error: HttpErrorResponse,
      operation = 'operation',
      result?: T) {
    this.messageService.add(`${operation} failed`);
    this.messageService.add(`HTTP error response: status[${error.status}];
                error.message:"${error.message}"`);
    this.messageService.add(`Is ErrorEvent? 
                ${error.error instanceof ErrorEvent ? "yes":"no"}`);
    this.messageService.add(`Is ProgressEvent? 
                ${error.error instanceof ProgressEvent ? "yes":"no"}`);

    return of(result as T);
  }

所以Angular HttpClient很有希望包装了这个错误——或者完全取代了它。我能在我的错误处理器中得到它吗？

我的错误处理程序的输出是:

getGroups failed
HTTP error response: status[0]; error.message:"Http failure response for http://localhost:8080/group: 0 Unknown Error"
Is ErrorEvent? no
Is ProgressEvent? yes

我看不出我能用ProgressEvent做些什么。

[2019-02-28] 更新

正如Anjil在评论中所说，此CORS错误不是HTTP错误。它被什么东西扔到某个地方 - 我不知道是什么。可能是浏览器，可能是Angular，RxJS，HttpClient。

Answer 1

您可以尝试如下代码

getGroups(): Observable<Group[]> {
return this.http.get<Group[]>(`${this.restUrl}/group`).subscribe(
    results => {
      console.log(results)
    },
    err => {
      // Do stuff whith your error
      this.displayError(err);
    },
    () => {
      // Do stuff after completion
    }
  )
}

private displayError(ex): void {
    console.log(ex);
}