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

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')

相关文章:

  • Spring Cloud Alibaba-(6)Spring Cloud Gateway【网关】
  • 网络安全中的 EDR 是什么:概述和功能
  • Leetcode Hot 100 | 543.二叉树的直径 | 递归+优化
  • python.tkinter设计标记语言(渲染6-暂停与跳过渲染)
  • Arweave 出块流程详解
  • 【优选算法】(第十一篇)
  • 排水系统C++
  • 对象存储极简理解(对象、存储桶)
  • kubeadm部署k8s集群,版本1.23.6;并设置calico网络BGP模式通信,版本v3.25--未完待续
  • Java基础 3. 面向对象
  • DevExpress WinForms中文教程:Data Grid - 如何添加或删除行?
  • 浏览器插件的标准项目结构通常包括以下几个目录和文件
  • c语言手撕内存池组件
  • 利用Puppeteer-Har记录与分析网页抓取中的性能数据
  • 网络安全 DVWA通关指南 DVWA Weak Session IDs(弱会话)
  • Angular 2 DI - IoC DI - 1
  • echarts花样作死的坑
  • HTTP中的ETag在移动客户端的应用
  • Idea+maven+scala构建包并在spark on yarn 运行
  • text-decoration与color属性
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • 开源SQL-on-Hadoop系统一览
  • 浏览器缓存机制分析
  • 日剧·日综资源集合(建议收藏)
  • 视频flv转mp4最快的几种方法(就是不用格式工厂)
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 在weex里面使用chart图表
  • 正则表达式
  • elasticsearch-head插件安装
  • 如何正确理解,内页权重高于首页?
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​IAR全面支持国科环宇AS32X系列RISC-V车规MCU
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • # 利刃出鞘_Tomcat 核心原理解析(八)-- Tomcat 集群
  • #1014 : Trie树
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • (附源码)spring boot儿童教育管理系统 毕业设计 281442
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (四)库存超卖案例实战——优化redis分布式锁
  • (一)基于IDEA的JAVA基础12
  • (转)Groupon前传:从10个月的失败作品修改,1个月找到成功
  • (转)jQuery 基础
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转)Sql Server 保留几位小数的两种做法
  • *Django中的Ajax 纯js的书写样式1
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .net core webapi 部署iis_一键部署VS插件:让.NET开发者更幸福
  • .NET CORE程序发布IIS后报错误 500.19
  • .NET delegate 委托 、 Event 事件,接口回调
  • .NET Framework 的 bug?try-catch-when 中如果 when 语句抛出异常,程序将彻底崩溃
  • .Net OpenCVSharp生成灰度图和二值图
  • .net 前台table如何加一列下拉框_如何用Word编辑参考文献
  • .NET 通过系统影子账户实现权限维持
  • .NET/C# 反射的的性能数据,以及高性能开发建议(反射获取 Attribute 和反射调用方法)
  • .NET单元测试使用AutoFixture按需填充的方法总结