Angular 2如何从后端读取自定义错误消息

Question

我在AngularJS中不存在Angular 2的问题,我发送错误消息作为带有后端API调用的字符串,以防我有错误,错误状态401为例,问题现在我无法读取此消息来自Angular2的http响应消息,而我可以从AngularJS那样做:

我尝试了以下代码,没有任何帮助:

诺言:

this._http.post('/login',{email: 'email@example.com', password: '123'})
            .toPromise()
            .then((resp) => console.log(resp), (error) => console.log(error));

观察到:

this._http.post('/login',{email: 'email@example.com', password: '123'})
    .subscribe(response =>console.log(response), (error) => console.log(error));

从后端我发送响应作为文本,对于OK或Unauthorized,对于OK我发回String token == UUID.randomUUID().toString();,因为错误我发回消息String error = " Invalid credentials ";,问题是console.log工作并打印文本成功(在这种情况下为令牌),但如果错误,它只是打印:Response with status: 200 for URL: null.

如果我改变代码,JSON.stringify(error)我得到这样的东西:

{"_body":{},"status":401,"ok":false,"statusText":"Unauthorized","headers":{"null":["HTTP/1.1 401 Unauthorized"],"Access-Control-Allow-Headers":["Origin"," X-Requested-With"," Content-Type"," Accept"," Referer"," User-Agent"],"Access-Control-Allow-Met
hods":["POST"," GET"," PUT"," DELETE"," OPTIONS"],"Access-Control-Allow-Origin":["*"],"Allow":["*"],"Content-Length":["36"],"Content-Type":["text/plain; charset=utf-8"],"Date":["Tue"," 23 Aug 2016 14:53:25 GMT"]},"type":2,"url":null}

正如你所看到的,甚至在Object内部都没有提到错误测试!!

我试图将后端的错误响应更改为返回json,如下所示:

{
   "message": "invalid email or password"
}

我能得到的结果里面_body,我只能看它像这样:console.log(error._body.message)!但我觉得这样做有些不对劲,我不想在这种情况下作为json回应.

对于angularjs(角度1),它只是打印响应,一切都很酷,而在角度2,这是一个真正的问题.

问题是什么,以及如何在没有任何重构后端的情况下解决这个问题？

编辑:

我正在使用Angular 2.0.0-rc.4和http:`"@ angular/http":"2.0.0-rc.4"

Answer 1

Mothanfar 就我而言，我正在使用 Asp Web Api 作为后端，这件事也让我发疯，我找到的唯一解决方案是转换为 json 并读取消息，我知道这真的很难看，但对我有用。问候。

CheckError(error: any) {
    let servermsg: any = JSON.parse(error._body)["ModelState"]["Login"][0];
    if (servermsg) {
        this.showMsg = true;
        this.msg = servermsg;
    }
}