Vue使用axios网络请求，配合Springboot如何进行post表单(x-www-form-urlencoded)提交

在开发过程中，经常遇到post表单提交，再次记录，方便自己回忆，也希望能帮助到需要的人。

Vue端代码：

需要安装Qs插件:npm i qs

import axios from "axios"; import Qs from "qs"; ............ //获取该团队下所有用户 getAllUser() { let dataa = { teamId: this.teamid }; const options = { method: "POST", headers: { "content-type": "application/x-www-form-urlencoded" }, data: Qs.stringify(dataa), url: "/api/user/queryByTeamId" }; axios(options) .then(res => { this.userlist = res.data; }) .catch(err => { console.log(err); }); },

注意：返回的res.data可能不是你最终想要的数据，可以在console中打印看看，有的是要在取一层，res.data.data

Springboot后台代码：

需要注意，参数位置注解为@RequestParam

/** * * @desc 根据teamid查询用户列表 * */ @RequestMapping(value = "/queryByTeamId" , method = RequestMethod.POST) @ResponseBody public ResultModel queryByTeamId(@RequestParam String teamid) { return userService.queryByTeamId(teamid); }