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);
    }