axios發(fā)送post請求springMVC接收不到參數(shù)的解決方法
更新時間：2018年03月05日 16:25:11 作者：wkCaesar
下面小編就為大家分享一篇axios發(fā)送post請求springMVC接收不到參數(shù)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
axios發(fā)送post請求時，出現(xiàn)了參數(shù)后臺接收不到的情況，分析了下請求，發(fā)現(xiàn)是請求頭content-type不對，是application/json，正常應(yīng)該是application/x-www-form-urlencoded。
解決方法有以下三種：
1、設(shè)置axios的默認(rèn)請求頭
//設(shè)置全局的
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
var instance = axios.create({}) // 這樣創(chuàng)建出來的 只需要：
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
2、使用URLSearchParams來構(gòu)建參數(shù)
var params = new URLSearchParams();
params.append("username", _this.username);
params.append("password", _this.password);
axios.post("/service/login", paramsOfJson
).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
})
3、后臺使用@requestBody接收
@PostMapping(value = "/login") public String testLogin(@RequestBody Map dataMap)
以上這篇axios發(fā)送post請求springMVC接收不到參數(shù)的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue是構(gòu)建Web界面的JavaScript庫，原稱為Vue.js，它可以通過簡潔的API來提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)，本文詳細(xì)介紹了Vue的使用安裝和相關(guān)知識，有興趣的同學(xué)可以參考借鑒2023-03-03
本文主要介紹了Vue3里的EffectScope，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了詳解Vuex管理登錄狀態(tài),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
Element Cascader 級聯(lián)選擇器的使用示例
這篇文章主要介紹了Element Cascader 級聯(lián)選擇器的使用示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
基于Vue2實(shí)現(xiàn)數(shù)字縱向滾動效果
這篇文章主要為大家詳細(xì)介紹了如何基于Vue2實(shí)現(xiàn)數(shù)字縱向滾動效果,從而達(dá)到顯示計時器滾動效果,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
@click指令用于監(jiān)聽元素的點(diǎn)擊事件,并在觸發(fā)時執(zhí)行相應(yīng)的處理函數(shù),在Vue3中,事件處理就可以通過@click指令來實(shí)現(xiàn),下面我們就來看看如何在Vue3中處理點(diǎn)擊事件吧2023-08-08
這篇文章主要介紹了Vue之監(jiān)聽方法案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
vue中使用element-ui進(jìn)行表單驗(yàn)證的實(shí)例代碼
這篇文章主要介紹了vue中使用element-ui進(jìn)行表單驗(yàn)證的實(shí)例代碼，本文給大家分享實(shí)現(xiàn)思路，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06
Vue3中provide和inject作用和場景是頂層組件向任意的底層組件傳遞數(shù)據(jù)和方法,實(shí)現(xiàn)跨層組件通信,本文通過實(shí)例介紹Vue3 provide和inject的相關(guān)知識,感興趣的朋友一起看看吧2023-11-11
element?ui?From表單校驗(yàn)不生效問題解決
表單校驗(yàn)是注冊環(huán)節(jié)中必不可少的操作，表單校驗(yàn)可以提醒用戶填寫數(shù)據(jù)規(guī)則以確保用戶提交數(shù)據(jù)的有效性，本文主要介紹了element?ui?From表單校驗(yàn)不生效問題解決，具有一定的參考價值，感興趣的可以了解一下2024-01-01