使用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  微信同號