這篇文章主要介紹了axios post 后端無法接收數(shù)據(jù)怎么辦,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)是網(wǎng)站建設(shè)技術(shù)企業(yè),為成都企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)站設(shè)計,網(wǎng)站制作,網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制適合企業(yè)的網(wǎng)站。10年品質(zhì),值得信賴!
在后端 允許跨域的情況下,axios post 將數(shù)據(jù)傳到后端,但是后端無法接收,始終為空
請求能正常到達(dá)后端,那么肯定傳數(shù)據(jù)的地方的問題了
所以這里headers設(shè)置為
headers:{"Content-Type":'application/x-www-form-urlencoded;charset=UTF-8'}
另外transformRequest函數(shù)
transformRequest: [function (data) { // 對 data 進(jìn)行任意轉(zhuǎn)換處理 let ret = ''; for (let it in data){ ret += encodeURIComponent(it)+'='+encodeURIComponent(data[it])+'&' } return ret // return this.$qs.stringify(data); }],
以下是全部代碼
this.$http.post('http://127.0.0.1:8123/addapp',{name:"test",desc:"test"},{ transformRequest: [function (data) { // 對 data 進(jìn)行任意轉(zhuǎn)換處理 let ret = ''; for (let it in data){ ret += encodeURIComponent(it)+'='+encodeURIComponent(data[it])+'&' } return ret // return this.$qs.stringify(data); }], headers:{ "Content-Type":'application/x-www-form-urlencoded;charset=UTF-8' } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); } else { this.$Message.error('Fail!'); } })
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“axios post 后端無法接收數(shù)據(jù)怎么辦”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!