localStorage获取JWT对象显示[object Object]，.json()解析失败求助

嘿，我太懂这种踩坑的感觉了！咱们一步步来拆解问题，搞定它：

问题根源 #

首先得明确：localStorage只能存储字符串类型的数据。你现在看到的"[object Object]"，其实是你当初把JWT对象直接存进localStorage时，浏览器自动调用了对象的toString()方法，把它转成了这个无意义的字符串，而不是真正的JSON序列化字符串。这就导致你取出来的东西看着像对象，实际是个字符串，自然没法用json()方法（那是Response对象的专属方法，普通字符串根本没有这个属性）。

正确的解决步骤 #

1. 修正存储逻辑（关键！）
   下次存JWT对象到localStorage时，一定要用JSON.stringify()把对象转成标准的JSON字符串：

   // 假设你的JWT对象是jwtData
   localStorage.setItem('jwt_token', JSON.stringify(jwtData));
   

2. 正确读取并解析
   从localStorage取数据时，用JSON.parse()把JSON字符串转回对象：

   const storedJwt = localStorage.getItem('jwt_token');
   const jwtObject = JSON.parse(storedJwt);
   console.log(jwtObject); // 这下就能看到完整的对象结构了！
   

3. 清理现有错误数据
   如果现在localStorage里已经存了那个没用的"[object Object]"，先把它删掉，重新存正确的数据：

   localStorage.removeItem('jwt_token'); // 删掉错误条目
   // 然后重新执行上面的存储代码
   

常见误区提醒 #

• 别再直接存对象到localStorage了，它不支持！所有非字符串数据都得先序列化。
• 别把JSON.parse()和response.json()搞混：后者是用来解析fetch请求返回的响应体，而localStorage取出来的字符串要用前者来解析。

内容的提问来源于stack exchange，提问作者cnak2