springboot如何接收Vue 的post提交请求
最近在研究vue项目,通过vue向springboot后台提交数据,后台却接收不到数据,解决办法:上代码第一步:首先看前台vue的提交数据代码,(提交的数据包含文本编辑器内容,如果文本内容太多提交不过去,可以后台设置请求头大小 server.max-http-header-size=102400)var data = {titles: this.form.titles,contents:edito
·
最近在研究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的提交数据。
更多推荐
已为社区贡献1条内容
所有评论(0)