vue返回的json数据与实体类字段不对应怎么办

最新推荐文章于 2024-10-08 23:02:57 发布

HelloWorldaz

最新推荐文章于 2024-10-08 23:02:57 发布

阅读量529

点赞数

文章标签： json vue.js javascript

本文链接：https://blog.csdn.net/HelloWorldaz/article/details/120844090

版权

当Vue返回的JSON数据字段与后端实体类字段不匹配时，可以使用Jackson的@JsonAlias注解为Java实体类字段设置别名，以实现映射。这样即使前端字段名称与后端不一致，也能正确解析数据。

摘要由CSDN通过智能技术生成

在实体类中使用jackson映射实体类的别名

@JsonAlias 给实体类字段取别名

@JsonProperty 直接定义成别名

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Business {

    private Integer business_id;
    @JsonAlias("name")
    private String business_name;
    @JsonAlias("password")
    private String business_password;
    private String business_shop_name;

}

我的前端vue是这样的

var vues = new Vue({
               el:"#app",
               data:{
                  role:{
                     name:"",
                     password:"",
                  },
               },
               methods: {
                  create : function(){
                     console.log("运行了login方法")
                     axios.post("http://localhost:8081/business/login",this.role).then(
                        response=> {
                           console