解決axios post 后端無法接收數(shù)據(jù)的問題
更新時間：2019年10月29日 10:37:55 作者：HEI_RAO
今天小編就為大家分享一篇解決axios post 后端無法接收數(shù)據(jù)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在后端 允許跨域的情況下，axios post 將數(shù)據(jù)傳到后端，但是后端無法接收，始終為空
請求能正常到達后端，那么肯定傳數(shù)據(jù)的地方的問題了
所以這里headers設(shè)置為
headers:{"Content-Type":'application/x-www-form-urlencoded;charset=UTF-8'}
另外transformRequest函數(shù)
transformRequest: [function (data) {
// 對 data 進行任意轉(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 進行任意轉(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
淺談在Vue.js中如何實現(xiàn)時間轉(zhuǎn)換指令
這篇文章主要介紹了淺談在Vue.js中如何實現(xiàn)時間轉(zhuǎn)換指令，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
相信大家在項目中經(jīng)常會遇到一些上傳下載文件的相關(guān)功能。這篇文章將為大家介紹一下Vue實現(xiàn)Excel本地下載及上傳的示例代碼，需要的可以參考一下2022-07-07
Vue實現(xiàn)內(nèi)部組件輪播切換效果的示例代碼
這篇文章主要介紹了Vue實現(xiàn)內(nèi)部組件輪播切換效果的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要介紹了如何修改vant的less樣式變量方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了Vue組件通信的幾種實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要為大家詳細介紹了Vue實現(xiàn)用戶登錄及token驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要給大家介紹了關(guān)于VUE3引入html文件并傳值的相關(guān)資料,這是最近在項目中遇到了的一個需求,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07
vue鼠標(biāo)懸停事件監(jiān)聽實現(xiàn)方法
頁面在鼠標(biāo)懸停(不動)n秒之后,頁面進行相應(yīng)的事件,下面這篇文章主要給大家介紹了關(guān)于vue鼠標(biāo)懸停事件監(jiān)聽的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09
vue.config.js?是一個可選的配置文件，如果項目的?(和?package.json?同級的)?根目錄中存在這個文件，那么它會被?@vue/cli-service?自動加載，本文重點介紹VUE前端vue.config.js簡介，感興趣的朋友跟隨小編一起看看吧2023-01-01
Vue3+Vite+TS使用elementPlus時踩的坑及解決
這篇文章主要介紹了Vue3+Vite+TS使用elementPlus時踩的坑及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10