先来对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存入的值是这样的
前端页面展示是着这样的
然后我就考虑肯定是前端转到后端的数据后端不识别,不能自动解析成json
解决办法:
this.loginInfo = **JSON.stringify(response.data.data);**
cookie.set('guli_ucenter', this.loginInfo, { domain: 'localhost'})
再login.vue中对应位置加 JSON.stringify进行转换,然后问题就解决了