文章目录

1、添加 @RequestBody 注解

@RequestBody 只能处理 json 格式的数据。 使用 @RequestBody 注解时,用于接收 Content-Type 为 application/json 类型的请求, 数据类型是 JSON:{“aaa”:“111”,“bbb”:“222”}

2、不添加 @RequestBody 注解

不加 @RequestBody 可以支持表单的默认格式, 但是不能处理 json 格式的数据 (在 restTemplete 进行远程服务调用时,是以 json 格式进行实体类传参的)

说明:不使用 @RequestBody 注解时,可以接收 Content-Type 为 application/x-www-form-urlencoded 类型的请求所提交的数据,数据格式:aaa=111$bbb=222。form表单提交以及jQuery的$.post()方法所发送的请求就是这种类型。

若数据是 application/x-www-form-urlencoded 类型又添加了 @RequestBody 注解会报错。

Json方式

const data = {
 
   username: this.loginPhone,
 
password: this.loginPassword,
 
       };
 
 
      let res = await userLogin(formData);
 
//  // 5 账号登录
 
 export function userLogin(data) {
 
    console.log("数据是:",data);
 
     return unloginRegister({
 
         url: '/user/login',
 
         method: 'post',
 
         data
 
     })
 
 }
 

image.png

vue+axios使用(form/json)传参,后端SpringBoot接受_vue传参form格式_南方-D的博客-CSDN博客

Vue axios 发送 FormData 请求_axios formdata_卡尔特斯的博客-CSDN博客

表单传输