Axios post请求在Ionic 2中不起作用

时间:2017-09-23 21:40:52

标签: ionic-framework ionic2 ionic-native

我试图从我的laravel应用程序获取oauth令牌到我的离子2应用程序。但是它有错误。怎么解决? 它在浏览器中运行良好,但是当我模仿它时,它无法正常工作。

Login.ts(离子)

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';
    })
}

我得到的错误。如何解决?

This is the error

1 个答案:

答案 0 :(得分:0)

我建议你使用Angular HttpClient https://angular.io/guide/http

  

大多数前端应用程序通过HTTP协议与后端服务进行通信。现代浏览器支持两种不同的API来发出HTTP请求:XMLHttpRequest接口和fetch()API。

     

使用HttpClient,@ angular / common / http提供了一个简化的HTTP功能API,用于Angular应用程序,构建在浏览器公开的XMLHttpRequest接口之上。 HttpClient的其他好处包括可测试性支持,请求和响应对象的强类型,请求和响应拦截器支持,以及基于Observables的apis更好的错误处理。