详解vue使用$http服务端收不到参数

根据上述文件内容，可以总结出关于Vue使用$http服务端收不到参数的相关知识点如下： 知识点一：问题定位 问题出现在前端与后端数据交互时参数接收不一致上。具体表现为前端使用$http方法发送数据时，将数据以JSON格式作为请求体(RequestPayload)发送，而后端使用Spring框架编写，以参数注解@RequestBody来接收数据。由于前端发送的是JSON对象，后端又期望通过@RequestBody注解接收JSON格式的请求体，两者不匹配导致后端无法正确解析和接收到前端发送的参数，从而报错500。 知识点二：数据格式理解 前端发送的数据格式有三种主要类型：RequestPayload、FormData、QueryStringParameters。 - RequestPayload：以application/json形式作为请求体发送数据。 - FormData：以multipart/form-data形式发送数据，常用于文件上传等场景。 - QueryStringParameters：通过URL的查询字符串发送数据，常用于GET请求或POST请求的数据发送。 知识点三：后端接收注解理解 后端的处理注解主要有： - @RequestParam：用于接收请求参数，常用于处理URL中的查询字符串（即？后面的参数）或者表单提交的数据。 - @RequestBody：用于接收请求体中的JSON数据，通常用于处理PUT或POST请求体中的JSON数据。 知识点四：解决办法 针对前端使用$http发送JSON数据，而后端使用@RequestBody接收JSON数据的问题，可以通过修改前端的$http方法，将数据以params方式发送。将原本设置在data属性中的数据转移到params属性，这样数据就会以QueryStringParameters格式作为URL参数的一部分发送，后端再通过@RequestParam注解接收参数，从而解决参数不一致的问题。 示例代码如下： ```javascript this.$http({ method: "post", url: `${that.$$baseURL}/upload/delBelowImg`, headers: { token: token, 'Content-Type': 'application/json' }, params: { *** *** *** } }).then(res => {}); ``` 通过上述改动，前端代码将参数以URL的查询字符串形式发送，后端通过@RequestParam即可正确接收。 知识点五：深入学习建议 开发者在进行前端与后端交互时，需要对所使用的框架或库的HTTP请求方法有深入理解，了解各种请求数据格式及后端接收注解的含义和用法，才能有效地进行数据传递。同时，还应该学习和掌握前端与后端交互时的调试技巧，如使用浏览器的开发者工具查看请求发送的详细信息，确认数据格式及参数传递是否正确。只有这样，才能在遇到问题时迅速定位，并找到合适的解决方案。