2016-08-23 2 views
4

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

Я попытался следующие коды и ничего не было полезно:

Promise:

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

Observable:

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

И с фоновым я отправить ответ, как текст, для OK или Несанкционированное для 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} 

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

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

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

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

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

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

Edit:

Я использую Угловое 2.0.0-rc.4 и то же самое для HTTP: ` "@ Угловое/HTTP": "2.0.0-rc.4"

ответ

0

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; 
    } 
} 
0

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

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

export class ErrorMessage { 
    message:string; 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^