从 Angular 2 http 获取错误消息

Question

我的服务中有以下代码

myService.ts

makeHttpGetRequest(url){

        return Observable.interval(config.SUPERVISOR_REFRESH_INTERVAL * 1000)
            .switchMap(() => this.http.get(url))
            .map(res => res.json())
            .timeout(config.REQUEST_TIMEOUT * 1000, new Error('Time out occurred'))

    }

在我的组件文件中，

myComponent.ts

ngOnInit(){
        this._myService.makeHttpGetRequest(myurl)
            .subscribe(
                data => {
                    this.supervisorServers = data;
                    }

                },
                error => {
                    this.error = true;
                    console.log(error); //gives an object at this point
                    this.showError(error);
                }
            );
    }

我想打印错误消息以防例如网址无效。 当我打印错误时，我得到一个对象（可能是响应对象），如下所示：

Object { _body: error, status: 200, statusText: "Ok", headers: Object, type: 3, url: null }

如果我打开它，我找不到错误消息。有没有更好的方法来获取 precies 错误消息？

Answer 1

即使在这种情况下，错误也包含在响应正文中。查看错误事件处理函数 onError 函数：

• https://github.com/angular/angular/blob/master/modules/@angular/http/src/backends/xhr_backend.ts#L96

您可以在响应中使用 json 方法访问它：

error => {
  this.error = true;
  console.log(error.json()); //gives the object object
  this.showError(error.json());
}

编辑

我对这个问题进行了更多调查。实际上，您无法获得确切的信息。我的意思是net::ERR_NAME_NOT_RESOLVED。 XHR 不提供它。也就是说，您可以看到 XHR 的 status 是 0。这可能暗示发送请求时请求存在问题（实际上并未发送）。

error => {
  (...)
  var err = error.json();
  var status = err.currentTarget.status;
  (...)
}

看到这个问题：

• XMLHttpRequest() & net::ERR_NAME_NOT_RESOLVED

Answer 2

我尝试 error.error 并为我工作。它得到对象消息错误。

编辑：

对不起！！

试试这个：

            error => {
                this.error = true;
                console.log(error.error); 
                this.showError(error.error);
            }

Answer 3

使用 Angular 5+ 你实际上可以只使用error.message。

 error => {
                console.log(error.message); 
                this.showError(error.message);
          }

在我的情况下，我正在使用带有警报的 Ionic 3

 error => {
        loading.dismiss();
        let alert = this.alertCtrl.create({
        title: 'Error: ',
        message:  error.message,//Displays http error message in alert
        buttons: [
                     {
                        text: 'Dismiss',
                        role: 'Yes',
                        handler: () => {}
                     }
                  ]
                });
             alert.present();
             }

这里是记录时控制台中错误对象的 sn-p：

Answer 4

您可以将错误对象字符串化以打印其字符串值

const errStr = JSON.stringify(error);
console.log(errStr);