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