使用axios向后端傳遞數據，后端接收不到？

開始使用axios的時候，按照官網的例子請求后端接口，遇到了后端接收不到數據的情況。

翻看了文檔也沒找到解決方法。先來了解下基本的axios

想要使用axios，需要先安裝 npm install axios --save

然后引入  import axiox from 'axios'

接下來就可以使用它跟后端交互了。

get方式的基本用法

                   axios({

                    url:'/',      //這里填后端接口地址

                    method:'get',     //請求方式，默認是get ，可不聲明

                    params:{test:'testData'}   //參數，有就填，無則省去   

　　　　　}).then(res=>{

 　　　　　 //具體操作

                    console.log(res)

　　　　   }).catch(err=>{

                   //異常操作

　　　　   })

 

post方式的基本用法

                   axios({

                    url:'/',      //這里填后端接口地址

                    method:'post',   

                    data:{test:'testData'},   //參數，有就填，無則省去  ，需要注意下，使用post請求，屬性要用data ，本來這樣是可以了的，但后端需要用json格式，這時還需要加"transformRequest"屬性對請求數據進行格式化

                    transformRequest:function(obj) {

　　　　　　　　　　　　　　　　var str = [];
　　　　　　　　　　　　　　　　for ( var p in obj) {
　　　　　　　　　　　　　　　　str.push(encodeURIComponent(p) + "="
　　　　　　　　　　　　　　　　+ encodeURIComponent(obj[p]));
　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　　　return str.join("&");
　　　　　　　　　　　　　　}

　　　　　}).then(res=>{

 　　　　　 //具體操作

                    console.log(res)

　　　　   }).catch(err=>{

                   //異常操作

　　　　   })

到此結束，希望有所幫助。

有任何問題可聯系QQ 412606846  微信同號