Angular 2 как читать пользовательское сообщение об ошибке из бэкэнда

Моя проблема с Angular 2, которой не было в AngularJS, что я отправлял сообщение об ошибке в виде строки с вызовом backend API на случай, если у меня есть ошибка, со статусом ошибки 401 в качестве примера, проблема теперь, когда я не могу прочитать это сообщение из сообщения HTTP-ответа Angular2, а я могу сделать это из AngularJS:

Я попробовал следующие коды, и ничего не помогло:

Обещание:

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

Наблюдаемый:

this._http.post('/login',{email: '[email protected]', 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 работает и печатает текст для успеха (токен в этом case), но в случае ошибки он просто печатает: 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}

Как видите, тест на ошибку даже не упоминается внутри объекта !!

Я попытался изменить ответ на ошибку из бэкэнда, чтобы он возвращал json следующим образом:

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

Я могу получить результат внутри _body, и я могу читать его только так: console.log(error._body.message)! но я чувствую, что здесь что-то не так, и в этом случае я не хочу отвечать как json.

Для angularjs (angular 1) так просто просто распечатать ответ, и все круто, в то время как в angular 2 это действительно проблема.

В чем проблема и как я могу решить эту проблему без какого-либо рефакторинга бэкэнда?

Изменить:

Я использую Angular 2.0.0-rc.4 и то же самое для http: `" @ angular / http ":" 2.0.0-rc.4 "


angular rest angular2-http
person Al-Mothafar    schedule 23.08.2016    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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;
    }
}
person Americo Arvani    schedule 31.01.2017

arrow_upward
0
arrow_downward

Если вы возвращаете объект JSON с сервера, вы можете использовать приведенный ниже код на стороне клиента:

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

export class ErrorMessage {
  message:string;
}
person Mohamed Malhar    schedule 25.02.2017