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 ";之类的消息，问题是{ {1}}工作并打印文本以获得成功（在这种情况下为令牌），但如果出现错误，则只打印：console.log。

如果我将代码更改为Response with status: 200 for URL: null，我会得到类似的内容：

JSON.stringify(error)

正如你所看到的，甚至在Object !!中都没有提到错误测试。

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

{"_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}

我可以在{ "message": "invalid email or password" }内得到结果，我只能这样读：_body！但我觉得这样做有些不对劲，我不想在这种情况下作为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;
    }
}

Answer 2

如果从服务器返回JSON对象，则可以在客户端使用以下代码：

let errMsg: ErrorMessage = err.json();
console.log(errMsg.message)

export class ErrorMessage {
  message:string;
}

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

2 个答案: