axios传递数组以及对象,后端接收

这篇博客展示了前端如何通过Vue的axios库发送POST请求,将包含角色信息(rname, remark)及权限ID(pids)的数据提交到后端。后端使用Spring Boot接收并打印这些数据,涉及的角色Vo实体类包含了角色对象和权限ID列表。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端代码:

 insertRole() {
        let data = {
         role:{
           rname: "业务员",
           remark: "业务员",
         },
          pids: [1, 2, 3, 4]
        }
        this.$axios.post(this.$api + "role/insertRole", data,{indices:false,headers:{'Content-Type':'application/json'}}).then().catch(err => {
          console.log(err);
        })
      }

后端代码:

@PostMapping("/role/insertRole")
    @ApiOperation(value="添加角色",notes="添加角色")
    public void insertRole(@RequestBody RoleVo role){
        System.out.println(role);
    }

实体:

@Getter
@Setter
@ToString
public class RoleVo {
    private Role role;
    private List<Integer> pids;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值