使用angular2從rest api獲取響應錯誤

Question

Client.service.ts：

add(client: Client): Observable<Client> {
    return this.authHttp.post(this.URI, client)
      .map((res) => res.json()
      //...errors if any
      ,(message)=>message.json());

Client.add.componement.ts：

  this.clientService.add(client)
    .subscribe(_client => {
      this.onAdd.emit(_client);
    },
      message => console.log("THIS ERROR"+message));

但是如果出現錯誤，結果是 ： 結果總是錯誤的請求

我如何獲得消息或錯誤列表， 導致我在瀏覽器中得到結果

Answer 1

如果將angular2-jwt用作authHttp確保將其導入並正確注入服務中：

import { AuthHttp } from 'angular2-jwt'; -> constructor (private authHttp: AuthHttp) { }

然后，您可以執行類似操作（確保將內容類型/請求選項添加到POST請求中）：

add(client: Client): Observable<Client> {
    let headers = new Headers({ 'Content-Type': 'application/json' }); // set content-type
    let options = new RequestOptions({ headers: headers }); // create a request option

    return this.authHttp.post(this.URI, client, options)
        .map((res) => res.json())
        //...errors if any
        .catch(this.handleErrorObservable);
}

private handleErrorObservable(error: Response | any) {
    console.error(error.message || error);
    return Observable.throw(error.message || error);
}

然后，當您調用它時：

this._clientService.add(client)
    .subscribe(
         res => console.log(res),
         err => console.log(err)
     );

否則，請確保在Web API代碼中以JSON格式返回所需的響應。