前后端使用json传递数据时的注意点

前端使用vue的axios传递数据，后端使用springboot来传递数据，因为springboot框架中的HttpMessageConverter会自动进行json与对象之间的互转。

• 后端传递对象给前端时，前端接收即可，例如接收一个List<User>，其具体内容如下

public class User{
    private String name;
    private String sex;
    //省略构造器，setget方法
}

//List<User>具体内容
List userList = new ArrayList();
userList.add(new User("abc","male"));
userList.add(new User("efg","female"));

那么前端接收到的数据如下

[
    0:{name:"abc",sex:"male"},
    1:{name:"efg",sex:"female"}
]

如果前端要传递上述数据

[
    0:{name:"abc",sex:"male"},
    1:{name:"efg",sex:"female"}
]

为了能让后端能够使用List<User>正确接收到，前端axios中不能传递json字符串，应该直接传递userList，即

//不应该这样
this.$axios.post("url",
    "userList":this.userList
    //省略
)

//应该这样
this.$axios.post("url",
    this.userList
    //省略
)