Question

我正在开发一个Angular 2服务，从一个安静的WebApi后端返回数据。

我正在尝试优雅地处理无法使用的服务但是我在错误响应中收到了意外的信息。

这是代码

update(fund, transactionId:string, showToastOnError: boolean, useCorrectUrl: boolean) {
        let options = this.getStartCall();
        options.headers.append("transaction-id", transactionId)
        let url = fundsUrl + (useCorrectUrl ? "" : "breakTheUrl");
        return this._http.put(url, JSON.stringify(fund), options)
            .map(res => res.json())
            //.retry(5)
            .catch(errorResponse => {
                let res = <Response>errorResponse;
                let err = res.json();
                let emsg = err ?
                    (err.error ? err.error : JSON.stringify(err)) :
                    (res.statusText || 'unknown error');
                this._logger.log(emsg, "The fund was not updated", LogLevel.Error, showToastOnError);
                return Observable.throw(emsg);
            })
            .finally(() => this._spinnerService.hide());

    }

当我查看网络流量时，我发现了预期的404错误。

我的问题在于我的捕捉功能。

这是我看到的价值：

JSON.stringify(errorResponse)

{"_body":{"isTrusted":true},"status":200,"statusText":"Ok","headers":{},"type":3,"url":null}"

errorResponse.json() 

bubbles: false
cancelBubble: false
cancelable: false
currentTarget: XMLHttpRequest
defaultPrevented: false
eventPhase: 2
isTrusted: true
isTrusted: true
lengthComputable: false
loaded: 0
path: Array[0]
position: 0
returnValue: true
srcElement: XMLHttpRequest
target: XMLHttpRequest
timeStamp: 1460990458693
total: 0
totalSize: 0
type: "error"
__proto__: XMLHttpRequestProgressEvent

我在这里做错了什么，或者这是Angular2 beta 15中的错误？

Answer 1

大多数情况下，当在底层XHR对象上调用onerror回调时，您有一个错误值。请参阅源代码中的以下一行：https://github.com/angular/angular/blob/master/modules/angular2/src/http/backends/xhr_backend.ts#L70。

也就是说，404状态代码不应该出现，而是net::ERR_NAME_NOT_RESOLVED之类的错误。

404状态代码由onload回调处理：https://github.com/angular/angular/blob/master/modules/angular2/src/http/backends/xhr_backend.ts#L37。

我使用beta15进行了测试，我无法重现您的问题。

请参阅此plunkr：https://plnkr.co/edit/SB3KLZlbJT3wm9ATAE0R?p=preview。

Angular2中的错误处理

1 个答案: