Web-API-Ausnahme in angular2 anzeigen

Question

Ich arbeite an einem Projekt mit Web-API-Backend und angular2 Frontend. Ich habe ein Problem mit dem Serverfehler in angular2. Bei jedem Serverfehler wird ein CORS-Fehler ausgelöst.

Here is my sample api 

public IActionResult Post([FromBody] Visitor model) 
{ 
    if (model == null) throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.NoContent) 
    { 
     ReasonPhrase = "Missing model in post" 
    }); 
    _registerService.register(model); 
    return Ok(model);  
} 


And here is my angular2 service 


addVisit(visit: Visit) { 

let siteId = visit.siteId; 
let body = JSON.stringify(visit); 
let headers = new Headers({ 'Content-Type': 'application/json' }); 
let options = new RequestOptions({ headers: headers }); 

return this.authHttp 
    .post(`${this._visitorsUrl}` + siteId, body, options) 
    .map(res => { 
     res.json(); 
     console.log("map: " + JSON.stringify(res.json())); 
    }) 
    .catch(err => console.log(err)); 

}

Wenn das Modell ist null zurückgeben Fehler 502 oder CORS Fehler, aber wenn das Modell nicht null ist, wird es RETRN 200

Mein Problem ist, wie kann ich zeigen den Fehler, dass die Serverrückgabe.

Answer 1

Könnten Sie nicht so etwas wie

error => this.errorMessage = <any>error; 

auf der hinzufügen, wenn in dem Sie für null überprüfen? Ich benutze es in einem .subscribe zu einer .map, aber ich glaube, es ist etwas wie das, wonach Sie suchen?

Answer 2

Sie sollten die Antwort auf InternalServerError konvertieren und Inhalt zurück, wie unter

throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.InternalServerError) 
      { 
       ReasonPhrase = "Missing model in post", 
       Content = new StringContent("Missing Model in post") 
      }); 

im Codeausschnitt gezeigt werden Sie dann in der Lage sein, den Fehler in status Eigenschaft Fehler in Winkeln zu sehen.