当前位置: 首页 > article >正文

web前端(本地存储问题超过5MB不继续保存解决办法)

及时使用pinia进行持久化存储,存入localstorage仍然会有超过5MB就不再处理保存的问题

解决办法:取消使用pinia-plugin-persistedstate持久化插件,使用localforage,pinia库正常开启persist: true

localForage 是一个快速而简单的 JavaScript 存储库。通过使用异步存储(IndexedDB 或 WebSQL)和简单的类 localStorage 的 API ,localForage 能改善 Web 应用的离线体验。

在不支持 IndexedDB 或 WebSQL 的浏览器中,localForage 使用 localStorage。

main.js配置:

import localforage from 'localforage'

const app = createApp(App)

const pinia = createPinia()

pinia.use(({ store })=>{

store.$subscribe((mutation, state) => {

localforage.setItem(store.$id, JSON.stringify(state));

});

localforage.getItem(store.$id).then((data) => {

if (data) {

Object.assign(store.$state, JSON.parse(data));

}

});

})

// pinia.use(piniaPluginPersistedstate)

app.use(pinia)

app.mount('#app')


http://www.kler.cn/a/320515.html

相关文章:

  • 深入理解Go语言并发编程:从基础到实践
  • UE5 材质里面画圆锯齿严重的问题
  • 【大语言模型】ACL2024论文-16 基于地图制图的罗马尼亚自然语言推理语料库的新型课程学习方法
  • 微知-DOCA ARGP参数模块的相关接口和用法(config单元、params单元,argp pipe line,回调)
  • 删除k8s 或者docker运行失败的脚本
  • 【SQL】mysql常用命令
  • Leetcode 378. 有序矩阵中第 K 小的元素
  • TypeScript 设计模式之【建造者模式】
  • 基于python+spark的外卖餐饮数据分析系统设计与实现(含论文)-Spark毕业设计选题推荐
  • Ansible-template模块动态生成特定文件
  • Spring Boot 整合MyBatis-Plus 实现多层次树结构的异步加载功能
  • 【MATLAB源码-第176期】基于matlab的16QAM调制解调系统频偏估计及补偿算法仿真,对比补偿前后的星座图误码率。
  • 力扣(leetcode)每日一题 2306 公司命名
  • Redis数据持久化总结笔记
  • 中国蚁剑(antSword)安装使用
  • Vue.js与Flask/Django后端配合:构建高效Web应用
  • 解决【WVP服务+ZLMediaKit媒体服务】加入海康摄像头后,能发现设备,播放/点播失败,提示推流超时!
  • c++基础部分
  • day01——登录功能
  • Eclipse离线安装Tomcat插件
  • UE5 C++: 插件编写05 | 批量删除无用资产
  • 神经网络(五):U2Net图像分割网络
  • python爬虫案例——腾讯网新闻标题(异步加载网站数据抓取,post请求)(6)
  • MySQL --数据类型
  • 生成PPT时支持上传本地的PPT模板了!
  • 【从0开始自动驾驶】用python做一个简单的自动驾驶仿真可视化界面