成功解决[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存入的值是这样的
cookie中存入的数据是这样的[object%20Object]
前端页面展示是着这样的

页面显示是这样的
然后我就考虑肯定是前端转到后端的数据后端不识别,不能自动解析成json

解决办法:

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

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

  • 9
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值