2017-09-23 34 views
0

我試圖從我的laravel應用程序中獲取oauth令牌到我的離子2應用程序。但它有錯誤。如何解決它? 它在瀏覽器中正常工作,但是當我模擬它時不起作用。Axios發佈請求不在Ionic 2中工作

Login.ts(離子)

getLogin(event) { 
    oauth_credentials.username = '[email protected]'; 
    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'; 
    }) 
} 

錯誤我得到了什麼。如何修復它?

This is the error

回答

0

我建議你使用角度HttpClienthttps://angular.io/guide/http

最前端的應用與後端服務通過HTTP協議進行通信。現代瀏覽器支持兩種不同的API來製作HTTP請求:XMLHttpRequest接口和fetch()API。

使用HttpClient,@ angular/common/http爲HTTP功能提供了一個簡化的API用於Angular應用程序,構建在瀏覽器公開的XMLHttpRequest接口之上。 HttpClient的其他好處包括可測試性支持,強大的請求和響應對象輸入,請求和響應攔截器支持以及基於Observables的apis更好的錯誤處理。

+0

我發現了一些問題,在這裏,當我是OAuth請求令牌它在第一OPTIONS請求和這就是爲什麼我的模擬器把請求作爲錯誤自動發送,但瀏覽器不一樣, –

+0

工作,我也用你的建議,但同樣的錯誤顯示 –