Pinia刷新页面数据丢失，解决方案

前言

在项目中使用了pinia，存储完数据之后，页面刷新后数据就丢失了！针对这个问题，简单解决并记录一下。如图所示，刷新前存在权限，刷新后权限丢失

解决方案

本方案使用vue3+ts，使用pinia-plugin-persist插件进行解决

1、添加依赖

在package.json文件中，添加完之后再install一下

"pinia-plugin-persist": "^1.0.0"

或者，你直接安装

yarn add pinia-plugin-persist -D
# 或者使用 npm
npm install pinia-plugin-persist -D

2、使用插件

在store/index.ts文件中