解決axios post 后端無法接收數(shù)據(jù)的問題
在后端 允許跨域的情況下,axios post 將數(shù)據(jù)傳到后端,但是后端無法接收,始終為空
請(qǐng)求能正常到達(dá)后端,那么肯定傳數(shù)據(jù)的地方的問題了
所以這里headers設(shè)置為
headers:{"Content-Type":'application/x-www-form-urlencoded;charset=UTF-8'}
另外transformRequest函數(shù)
transformRequest: [function (data) { // 對(duì) 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) { // 對(duì) 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!'); } })
以上這篇解決axios post 后端無法接收數(shù)據(jù)的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
淺談在Vue.js中如何實(shí)現(xiàn)時(shí)間轉(zhuǎn)換指令
這篇文章主要介紹了淺談在Vue.js中如何實(shí)現(xiàn)時(shí)間轉(zhuǎn)換指令,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01Vue實(shí)現(xiàn)Excel本地下載及上傳的方法詳解
相信大家在項(xiàng)目中經(jīng)常會(huì)遇到一些上傳下載文件的相關(guān)功能。這篇文章將為大家介紹一下Vue實(shí)現(xiàn)Excel本地下載及上傳的示例代碼,需要的可以參考一下2022-07-07Vue實(shí)現(xiàn)內(nèi)部組件輪播切換效果的示例代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)內(nèi)部組件輪播切換效果的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04Vue實(shí)現(xiàn)用戶登錄及token驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)用戶登錄及token驗(yàn)證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08vue鼠標(biāo)懸停事件監(jiān)聽實(shí)現(xiàn)方法
頁面在鼠標(biāo)懸停(不動(dòng))n秒之后,頁面進(jìn)行相應(yīng)的事件,下面這篇文章主要給大家介紹了關(guān)于vue鼠標(biāo)懸停事件監(jiān)聽的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09Vue3+Vite+TS使用elementPlus時(shí)踩的坑及解決
這篇文章主要介紹了Vue3+Vite+TS使用elementPlus時(shí)踩的坑及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10