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

HelloWorldaz

于 2021-10-19 13:05:18 发布

阅读量575

点赞数

CC 4.0 BY-SA版权

文章标签： json vue.js javascript

本文链接：https://blog.youkuaiyun.com/HelloWorldaz/article/details/120844090

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在实体类中使用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.log(response.data)
                           if(response.data==1){
                              location="business-index.html"
                           }else{
                              $("#logintext").text("账号或密码错误，请重新登陆")
                              $("#logintext").css("color","red")
                           }
                        }
                     )
                  }
               }
            })