成功解决[object%20Object]问题

先来对bug进行情景在线:
修改之前的代码是这样的:

在login.vue中:

 this.loginInfo = response.data.data;
 cookie.set('guli_ucenter', this.loginInfo, { domain: 'localhost' })

在default.vue中:

 var jsonStr = cookie.get("guli_ucenter")
          if(jsonStr)
            this.loginInfo = JSON.parse(jsonStr)
            console.log(this.loginInfo)

想要实现的效果,在登录的时候通过token获取用户的信息,然后放在cookie中,在default页面获取用户信息,在对应的地方进行显示

但是问题来了:
cookie存入的值是这样的
成功解决[object%20Object]问题
前端页面展示是着这样的

成功解决[object%20Object]问题
然后我就考虑肯定是前端转到后端的数据后端不识别,不能自动解析成json

解决办法:

 this.loginInfo = **JSON.stringify(response.data.data);**
 cookie.set('guli_ucenter', this.loginInfo, { domain: 'localhost'})

再login.vue中对应位置加 JSON.stringify进行转换,然后问题就解决了

上一篇:java链式创建json对象


下一篇:itext poi 学习之旅 (3)读取数据库信息并由excel展现出来