Vue中localStorage用法

项目中所有页面跳转都加了token验证，但是有一类页面不想让其验证token，于是写了判断绕过了token验证，但是这样会导致跳转到新页面无法获取用户信息。所以打算用localStorage，将第一次登录后的用户信息存储下来，这样就能解决问题了。但在存储过程中，忽略了localStorage存储对象的限制，导致了存储的对象变成了object[Object]，无法取到对应的内容。即存储的对象被...

GUANYX~

555人浏览 · 2019-11-07 17:05:38

GUANYX~ · 2019-11-07 17:05:38 发布

项目中所有页面跳转都加了token验证，但是有一类页面不想让其验证token，于是写了判断绕过了token验证，但是这样会导致跳转到新页面无法获取用户信息。所以打算用localStorage，将第一次登录后的用户信息存储下来，这样就能解决问题了。

但在存储过程中，忽略了localStorage存储对象的限制，导致了存储的对象变成了object[Object]，无法取到对应的内容。即存储的对象被强制转化成了字符串类型。

存储对象或者数组应该采用如下方法

一、存放
使用 JSON.stringify()，将对象转换为json字符串
如下
在这里插入图片描述

二、取用
使用JSON.parse(),将json字符串再转化回对象
如下
在这里插入图片描述

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

【免费下载】 index-tts-vllm：高性能文本转语音解决方案

`index-tts-vllm` 是一款开源的文本转语音（TTS）项目，基于 `index-tts` 进行了优化，通过引入 `vllm` 库重新实现了 GPT 模型的推理过程，大幅提升了推理速度和并发处理能力。项目旨在为开发者提供一个高效、稳定、易于集成的 TTS 解决方案。## 项目技术分析`index-tts-vllm` 采用了以下核心技术：- **vllm 库**：用于加速 GP

AI Agent技术社区

AgentScope示例应用：多智能体对话

在人工智能快速发展的今天，单一智能体已经难以满足复杂任务的需求。想象一下这样的场景：一个项目团队需要讨论技术方案，不同专业背景的成员各抒己见，最终达成共识。这正是多智能体对话要解决的问题——让多个AI智能体像真实团队成员一样进行有意义的交流。AgentScope作为面向开发者的多智能体编程框架，提供了强大的多智能体对话能力。本文将深入探讨如何使用AgentScope构建高效的多智能体对话系统。..