最近在研究vue项目,通过vue向springboot后台提交数据,后台却接收不到数据,解决办法:上代码

第一步:首先看前台vue的提交数据代码,

(提交的数据包含文本编辑器内容,如果文本内容太多提交不过去,可以后台设置请求头大小 server.max-http-header-size=102400)

var data = {titles: this.form.titles,contents:editor.txt.html(),dates:this.formatDate(this.form.dates)};
//data 提交请求参数
         this.$axios.post("/Article/insertArticle", data
         ).then(function(response) { //采用post提交数据
             console.log(response.data);
             if(response.data.code=="000000"){
               that.$message({
                         message: '添加成功!',
                         type: 'success'
                       });
               that.dialogFormVisible = false;
             }
           }).catch(function(error) {
             console.info(error);
           });

        }

第二步:看后台接收数据的代码

 重点:设置@RequestBody  


//设置POST接收数据
@RequestMapping(value = "/insertArticle", method = RequestMethod.POST)
	public @ResponseBody Result insertArticle(@RequestBody   Map<String, String> params,HttpSession session){  
   //@RequestBody 重点:一定是@RequestBody 不能是@RequestParam
		Result re =articleService.insertArticle(params,session);
		return re;
		
	}

以上两步就可以解决springboot接收vue的post的提交数据。

Logo

前往低代码交流专区

更多推荐