透過axios發送post請求發現springMVC接收不到參數問題（詳細教學）

下面我就為大家分享一篇axios發送post請求springMVC接收不到參數的解決方法，具有很好的參考價值，希望對大家有所幫助。

axios發送post請求時，出現了參數後台接收不到的情況，分析了下請求，發現是請求頭content-type不對，是application/json，正常應該是application/x-www- form-urlencoded。

解決方法有以下三種：

#1、設定axios的預設請求頭

#

//设置全局的
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
var instance = axios.create({}) // 这样创建出来的 只需要：
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

2、使用URLSearchParams來建立參數

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)

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

vue 過濾器filter實例詳解

vue頁面切換到捲動頁面顯示頂部的實例_vue.js

聊聊JS動畫庫Velocity.js的使用

#

以上是透過axios發送post請求發現springMVC接收不到參數問題（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！