这样保存信息，为何读取不出来？

VUE3请求API获取接口数据格式如下：然后我把上面的信息保存到本地缓存中

console.log(res.data.data);
localStorage.setItem('token', res.data.data['token']);
localStorage.setItem('gawxapp_user', res.data.data);

然后在其他页面使用这两个缓存

....
<van-cell title="标题" :value="userinfo.nickname" size="large" />
......
if(localStorage.getItem('gawxapp_user')){
        userinfo.value = localStorage.getItem('gawxapp_user');
    }

结果在页面上就获取不出userinfo中信息了，于是我就在把本地中的数据拿出来看了下，结果是Object；另外一个名称为token的，倒是正常保存了一段字符串！

请问，我如何能把请求到的数据保存到本地缓存中，然后在需要的时候拿出来使用？