electron-vue：项目本地化永久保存数据

最新推荐文章于 2025-04-23 20:29:15 发布

深究乐无穷

最新推荐文章于 2025-04-23 20:29:15 发布

阅读量941

点赞数 10

文章标签： electron node.js

本文链接：https://blog.youkuaiyun.com/weixin_45913060/article/details/140690332

版权

前文

项目需要保存数据，一开始用的 localStorage 做数据缓存，因其缓存容量有限（5M）以及其他原因，需要保存成文件形式。

我使用node.js的 fs 模块做数据的文件化写入，读取以及删除功能。

完整代码

主进程

background.js

const { app, protocol, BrowserWindow, ipcMain  } = require('electron')
const { createProtocol } = require('vue-cli-plugin-electron-builder/lib')

const fs = require('fs');
const path = require('path');

// 指定目录(客户端根目录)
let specifiedDirectory = '';
if(process.platform=='win32'){//Windows
  specifiedDirectory = 'D:\\myProject\\allData\\';
}else{//linux（'linux'），macOS（'darwin'）
  specifiedDirectory = '/home/myProject/allData/';
}

// 确保目录存在
if (!fs.existsSync(specifiedDirectory)) {
  fs.mkdirSync(specifiedDirectory, { recursive: true });// 使用recursive选项可以创建嵌套目录
}

// 写入数据文件
ipcMain.handle