目录

springboot-postman测试接口正常,但基于vue的前端表单post提交到后端,后端接收不到数据

springboot-postman测试接口正常,但基于vue的前端表单post提交到后端,后端接收不到数据

分析问题

  1. postman接口测试正常,说明 服务端正常启动,能够将数据传入后端进行处理后返回token。
  2. 在前端的post表单提交的话,虽然能够返回值,但是是 以未传入数据的情况返回的。

解决过程

  1. 我分析是前端表单提交出错,因为postman能够正常提交数据。但是在网页发送请求后的请求体上面核对,数据的名称和value值都是正确的,所以数据正常发送后端。

  2. 所以大致确定是后端接收数据端问题。

  3. 接收数据出错,就可以定位在controller中出错。

    https://i-blog.csdnimg.cn/blog_migrate/1a7854621695b773609eab20d01a6616.png

    这个POST接收方法是用bean接收, 在接收形参前面没有加@RequestBody注解,那么就无法接收到前端发来的json表单数据。

    而postman能成功的原因是postman能够发送所有格式的数据来测试。

说明

在controller层中有多个需要注意的注解。

  1. 在处理方法上方的注解@PostMappin()或者GetMapping()等, 这样能够让后端接收到前端的请求
  2. 在形参上面需要 添加@ReuestBody或者有时候用@RequestParam来确定不同的内容格式数据 (格式根据前端的数据来确定)。