关于黑马项目SpringBoot章节的整合内容:postman测试通过,但是vue页面无法显示内容解决

调了三个多小时终于解决了 我真的哭死

错误图片

这是一直没有调试出来的图片 idea和Postman中都能显示

 

但是页面无法显示

 解决办法

        在黑马程序员springboot学习章节,项目名叫做 springboot_08_ssmp中,在做图书管理系统时,视频中定义了一个R类,用来封装Controller返回的数据。看过视频的兄弟们应该知道是怎么用的 然后这个系统在springMVC中也是写过的,当时是定义的一个Result类来封装。

        我出现这种情况是因为data的get set方法没有写,导致data变量无法被解析到。因为这个data是专门用来封装(存)后台响应回去的数据,所以导致在vue中 

 getAll() {
                axios.get("/books").then(((res)=>{
                    console.log(res.data)
                    this.dataList = res.data.data;
                }))
            },

是读取不到data的。即便你的后台显示查询到了数据,也没用。意思就是你把东西放进瓶子里,然后别人找不到瓶子,也就找不到你给他的东西。

这是不给data提供set get方法时的提示 翻译过来就是没用任何东西使用你这个变量,就是没解析到。所以在封装数据的时候必须提供set get方法,这样才能读取的到

 

 解决后

这里加了set get 方法后,data颜色正常 

 

 

 如果有兄弟是在不知道怎么操作的 可以进群q:707971051或者私聊我 一起学习

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

麋鹿会飞但不飘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值