SpringBoot-postman测试后端接口正常,但是接收不到Vue前端传来的数据

SpringBoot后端接收一个实体类对象

Vue前端传入一个json数据

 数据格式

测试后端使用postman测试接口可以正常使用,但在使用Vue前端传送该实体对象数据时,后端无法接收数据,显示为null。试了多种方式,不知道哪里出了问题

### 如何在 Postman 中正确传递参数 #### 使用 `@ModelAttribute` 注解的场景 当 Java 后端代码中的方法参数使用了 `@ModelAttribute` 注解时,在 Postman 中可以通过特定方式传递数据。具体来说,如果后端期望接收的是表单数据,则可以在 Postman 的 Body 部分选择 **form-data** 格式来传递键值对[^1]。 例如,假设有一个实体类如下: ```java public class User { private String name; private int age; // Getters and Setters } ``` 对应的控制器方法可能定义为: ```java @PostMapping("/users") public ResponseEntity<String> createUser(@ModelAttribute User user) { return ResponseEntity.ok("User created: " + user.getName()); } ``` 在这种情况下,Postman 的配置应设置为: - 请求类型:POST - URL 地址:目标接口地址(如 `/users`) - 在 Body 下拉菜单中选择 form-data,并添加字段 `name` 和 `age` 来模拟提交表单。 --- #### 处理复杂对象和数组类型的参数 对于更复杂的对象结构或者数组类型的参数,也可以通过类似的机制完成传输。例如,前端发送的对象名称与后端模型属性不完全一致的情况下,仍然能够成功映射到后台对象中[^2]。这通常依赖于框架内部的自动转换逻辑以及合理的命名约定。 假如存在这样的情况——前端传入名为 `kw` 的查询关键字而实际对应的服务层变量叫作 `keyword`,只要两者语义相符且遵循一定规则,就能顺利完成绑定操作。 --- #### 查询字符串形式的 GET 参数 除了上述提到的形式外,还有一种常见的情况就是利用 URL 路径后面的问号加参数列表来进行简单的获取型请求[^3]。比如访问某个资源的时候附加额外的信息作为筛选条件之一: 示例链接形似这样子: ``` http://localhost/commonParam?name=itcast&age=15 ``` 此时无需特别关注 Content-Type 设置等问题;只需确保路径拼接无误即可正常工作。 --- #### 总结关于 Postman 工具的作用及其优势 最后值得一提的是,像 Postman 这样的现代化 HTTP 客户端软件确实极大地方便了开发者们日常工作中涉及到的各种网络交互测试活动[^4]。它不仅支持多种主流的数据交换格式(JSON, XML 等),而且允许灵活调整头部信息、认证模式等内容以便适应不同场合下的需求特点。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值