Axios Beitrag Anfrage funktioniert nicht in Ionic 2

Question

Ich versuche OAUTH Token von meiner Laravel App zu meiner ionischen 2 App zu bekommen. Aber es hat Fehler. Wie man es löst ? Es funktioniert gut im Browser, aber wenn ich es emuliere es funktioniert nicht.

Login.ts (ionische)

getLogin(event) { 
    oauth_credentials.username = 'rafsanhashemi@gmail.com'; 
    oauth_credentials.password = 'secret'; 
    axios.post(route.oauth_token, JSON.stringify(oauth_credentials), 
    {headers: {'Content-Type': 'application/json'}}) 
    .then(res => { 
     console.log(res) 
     this.selectedItem = res.data; 
    }) 
    .catch(err => { 
     console.log(err.data) 
     this.selectedItem = 'err'; 
    }) 
} 

Fehler, was ich erhielt. Wie man es repariert?

Answer 1

ich Rat Sie Angular HttpClienthttps://angular.io/guide/http

meisten Front-End-Anwendungen mit Back-End-Dienste über das HTTP-Protokoll kommunizieren zu verwenden. Moderne Browser unterstützen zwei verschiedene APIs für HTTP-Anforderungen: die XMLHttpRequest-Schnittstelle und die fetch() - API.

Mit HttpClient bietet @ angular/common/http eine vereinfachte API für HTTP-Funktionalität zur Verwendung mit Angular-Anwendungen, die auf der von Browsern bereitgestellten XMLHttpRequest-Schnittstelle aufbaut. Weitere Vorteile von HttpClient sind die Unterstützung von Testmöglichkeiten, die starke Typisierung von Request- und Response-Objekten, die Unterstützung von Request- und Response-Interceptor sowie eine bessere Fehlerbehandlung über auf Observables basierende APIs.