pinia使用持久化设置persist：true在app端无效

最新推荐文章于 2025-05-08 11:31:33 发布
最新推荐文章于 2025-05-08 11:31:33 发布
阅读量919 收藏
点赞数 1
文章标签： 前端 pinia
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44294359/article/details/135953285
版权

改成这种使用方式，不要改动getItem和setItem代码，是固定写法，我直接存储全部，如果要存部分数据可使用paths自行配置

// persist: true app内无效
persist: {
	storage: {
		getItem(key) {
			return uni.getStorageSync(key)
		},
		setItem(key, value) {
			uni.setStorageSync(key, value)
		}
	}
}

我使用的版本

"pinia-plugin-persist": "^1.0.0",
"pinia-plugin-persistedstate": "^3.2.0"
如何在 Vue 3 中使用 Pinia 开启持久化存储，让状态持久保存！
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-25 512
接下来，我们可以定义一个 Pinia store，存储一些用户相关的信息，比如userInfotokenroleId等。这里使用来定义我们的 store，并在其中配置持久化策略。id: 'user', // Store 的唯一标识}),actions: {// 更新登出状态},},persist: {enabled: true, // 启用持久化key: "main_store", // 自定义存储的键名。
《Uniapp-Vue 3-TS 实战开发》Pinia 及 Pinia 持久化
前端-尔嵘
04-11 383
1. 安装与初始化bash# 或在 main.js/ts 中初始化：2. 创建 Store选项式 Store (类似 Vuex)count: 0,}),getters: {// 使用其他 getter},actions: {},})组合式 Store (类似 Vue 3 setup)})3. 在组件中使用 Store// 直接访问 state。
Vue3中使用pinia+pinia-plugin-persist做持久化踩的坑
weixin_43802883的博客
06-09 5158
vue3下的pinia坑-----踩坑日记 组件内使用； 登录页 在登录使用操作保存setToken： 登录成功后并没有将token值存入localstorage中 解决办法：把获取的pinia实例对象放在需要操作pinia之前 搞定，为什么pinia会抽风，待研究......................................................
pinia-plugin-persistedstate 插件不生效
小秀的博客
02-07 2785
使用 pinia-plugin-persistedstate 插件进行数据持久化存储到 localStorage 中，但是插件不生效。
uniapp中使用pinia 以及持久化插件
最新发布
const_TLJ的博客
05-08 801
这里指定版本下载，默认下载是 4.x以上的版本 与pinia使用 会报错。
vue3+vite+pinia+pinia-plugin-persist持久化存储无效
热门推荐
dnpao的专栏
11-17 1万+
最近刚接触 Pinia在项目中引用相关操作，后续考虑到state的持久化存储问题，也引用了大神的推荐的插件结合，《pinia + pinia-plugin-persist持久化存储》，但怎么试都不生成，主要是我项目中之前引用过Pinia，后面在使用pinia-plugin-persist时又创建了一次pinia ，最后看到了这篇文章，一语惊出梦中人。
pinia持久化未生效
weixin_46176940的博客
05-28 1583
pinia持久化未生效
pinia数据存本地缓存(数据持久化)插件pinia-plugin-persistedstate
zhw_1219的博客
06-03 979
pinia数据存本地缓存(数据持久化)插件
使用 Pinia Persistedstate 插件实现状态持久化
cooldream2009的博客
11-20 1389
在现代前端开发中，状态管理是一个非常重要的环节。随着应用功能的复杂化，状态管理工具如 Vuex、Pinia 的使用越来越普遍。其中，Pinia 作为 Vue 的新一代状态管理工具，以其轻量化和易用性受到开发者的喜爱。然而，Pinia 默认使用内存存储状态，这对于某些需要长期保存的数据（如用户登录信息、主题偏好等）来说，是不可接受的。为了解决这个问题，我们可以借助Pinia Persistedstate 插件（以下简称 Persist 插件）来实现状态的持久化存储。
vue3项目安装pinia+持久化
m0_66879773的博客
02-26 651
3、在store文件夹中创建modules文件夹（这里做模块化，里面的文件用于保存不同数据）2、在store文件夹中创建index.js文件。1、在根目录下创建store文件夹。
pinia和vuex进行数据持久化的方法（附源码）
qq_45687669的博客
04-22 901
可以通过插件 轻松实现。以下是具体步骤和配置方法： 2. 注册插件到 Pinia 在 中初始化 Pinia 并注册持久化插件： 3. 配置 Store 的持久化 在定义 Store 时，通过 选项启用持久化功能。以下是两种常见写法： 组合式 API 写法 4. 自定义持久化配置 插件支持灵活的配置选项，例如指定存储方式、持久化部分数据、修改存储键名等： 5. 验证持久化效果 检查浏览器存储： 打开开发者工具，进入 Application > Storage > Local Storage（
vue3使用pinia-plugin-persistedstate 持久化不生效的问题
qq_37899792的博客
02-21 2650
【即使以前生效的，在这里定义以下，也会失效。得写到路由拦截器里面才行】如下图所示，需要在路由拦截器里面写。
Pinia持久化失效pinia-plugin-persistedstate
南湖小皮的博客
04-22 2331
肯定能解决，哈哈哈，找了这么多，你这次你找对了文章。 网络上的这个资料都是有问题的，没有讲明白原由。 需求，我想在我前端的业务层里使用 store，但是是持久层store，不过没有生效。 下面是错误的写法，这个写是不生效的。 import { useGlobalStore } from '@/store/modules/global'; import { useMemberStore } fro...
Pinia 持久化失效
yjh_OK的博客
12-23 795
在开发模式下，热重载可能会影响持久化的数据，导致重新加载时数据丢失。如果确认在生产环境中有效，开发环境下可能是 HMR 的问题，可以尝试禁用 HMR 或清除浏览器缓存测试。如果你使用的 Pinia 或插件版本之间存在不兼容问题，可能会导致持久化功能无法正常工作。如果你使用了版本控制或文件系统缓存，可能会导致某些缓存被意外清除。在 Pinia 的创建代码中，确保已经正确地引入和使用该插件。也可以进一步配置持久化的方式，比如指定要持久化哪些字段，或者使用。中存储的数据是否符合预期，确保没有被意外清除或格式化。
pinia 组合式api 设置了persist：true，还是无法实现持久化
weixin_67311202的博客
01-18 1017
需要在return里面导出 appInfo响应式对象，不然就算设置了持久化，也无法持久化，具体原因不是很清楚，有哪位大佬可以解惑一下。
pinia-plugin-persist失效了
Good Luck
06-14 4024
只有真正的改变了store的值，才能触发持久化的存储,博主学习的时候在这里踩了很久的坑，当时只是改变了数据的引用，并没有真正改变pipia里面的值，以为pinia-plugin-persist失效了，看了源码才知道原理是通过$subscribe监听，断点调试发现没有触发才恍然大悟。...
Pinia持久化失败
qq_45415290的博客
03-11 1529
pinia借助pinia-plugin-persistedstate持久化失败
pinia + pinia-plugin-persistedstate + 组合式API 写法，持久化失效问题
u012533474的博客
02-28 7472
2，初始化后本地存储没有，后来经过测试发现是store里面的数据，必须改变一次才能保存，也就是说如果我第一次调用没有设置过数据，是默认数据，是不会持久化保存的（默认数据好像也没有必要保存吧），当然也可能又其他配置可以初始化保存，暂时没有找到相关文档说明。不知道是不是pinia不推荐 组合式 的写法还是什么原因，感觉组合式的例子没有几个，网上用的也很少，资料也找不到，只能自己慢慢测试，先记录一下问题吧，防止后面又遇到。3，（我主要问题）上面配置都好了，组合式不能持久化，测试。首先是组合式写法，配置持久化。
pinia持久化persist
11-24
Pinia 是一个 Vue 3 的状态管理库，它提供了一个插件 pinia-plugin-persist 来实现数据的持久化存储。pinia-plugin-persist 可以将 Pinia 的状态存储在浏览器的 localStorage 或者 sessionStorage 中，以便在刷新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值