小白遇坑

剛開始我是用get方法來傳遞json數據，但是總是報錯：Required request body is missing，我人傻了，對著這個錯誤百度了半天，才發現，原來axios get請求方式傳遞給后臺的參數都是字符串形式，無法傳遞json對象或數組對象等，犯了這么低級的錯誤，實在是慚愧！

axios post方式傳遞json數據

首先安裝axios

npm run dev

在main.js中引入axios

import axios from 'axios' //引入 Vue.prototype.$axios=axios //定義為全局

在需要傳值的地方使用以下代碼

this.$axios({url:'http://localhost:8087/creatClusterAndNodes', //此處是你向后端發送數據的地址，根據你自己的地址進行修改data:this.formdata, //此處是要傳遞的json數據，根據你的參數進行修改method:"POST", //設置為POST請求header:{'Content-Type':'application/json' //規定傳遞的參數格式為json}}).then(res=>{console.log(res.data)}).catch(Error=>{console.log(Error)})

后臺接收參數

@RequestMapping(value = "/creatClusterAndNodes", method = RequestMethod.POST, produces = "application/json;charset=UTF-8") //這里的method要設置為RequestMethod.POSTpublic String creatClusterAndNodes(@RequestBody JSONObject jsonParam) {System.out.println("jsonParam："+jsonParam);return "okk";}

總結

以上是生活随笔為你收集整理的axios向springboot后台传递json数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。