当前位置: 首页 > 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')


http://www.mrgr.cn/news/36676.html

相关文章:

  • Spring异常处理-@ExceptionHandler-@ControllerAdvice-全局异常处理
  • AI应用开发中智能体编排应用是什么?
  • AI绘画美女指令大全,5个技巧让你的画作惊艳四座,美得令人窒息
  • Javascript编译原理
  • 浅谈C++之指针
  • 力扣(LeetCode)每日一题 2535. 数组元素和与数字和的绝对差
  • svn add代码时,忽略node_modules
  • 江科大笔记——新建工程
  • 代码随想录算法训练营第55天 | 寻找存在的路径
  • 大数据毕业设计选题推荐-租房数据分析系统-Hive-Hadoop-Spark
  • 浅谈C++之线程管理
  • 神经网络(五):U2Net图像分割网络
  • CSP-J 2024 入门级 第一轮(初赛) 阅读程序(1)
  • 【高阶数据结构】平衡二叉树(AVL)的插入(4种旋转方法+精美图解+完整代码)
  • PHP实现的纵横四海程序
  • 神经网络(四):UNet图像分割网络
  • 你了解文档透明加密系统吗?介绍7款顶尖文档透明加密软件,热门推荐!
  • Linux系统sersync数据实时同步
  • How to batch wise grad
  • Go语言匿名字段使用与注意事项