嘿，这个问题我之前做Electron项目时也踩过坑！核心就是把登录状态和当前页面的信息持久化存储起来，不管是重载还是重启应用，都能读取这些信息恢复到之前的页面。给你几个实用的实现方案：

1. 持久化登录状态与页面信息 #

最简单的方式是用专门的Electron本地存储库electron-store，它封装了文件读写逻辑，比自己用fs模块写要省心很多。

步骤： #

• 先安装依赖：

  npm install electron-store
  

• 在主进程中初始化存储实例，并在关键节点保存状态：

  const { app, BrowserWindow } = require('electron');
  const Store = require('electron-store');
  const store = new Store();
  
  // 登录成功后保存状态
  function handleLoginSuccess() {
    store.set('isLoggedIn', true);
    store.set('currentPage', 'home');
    // 这里执行切换到主页的逻辑，比如 mainWindow.loadFile('home.html')
  }
  
  // 登出时清除状态
  function handleLogout() {
    store.set('isLoggedIn', false);
    store.set('currentPage', 'login');
    // 切换回登录页
  }
  

如果不想用第三方库，也可以手动用fs模块把状态写到Electron的用户数据目录（这个目录不会被开发工具清空）：

const fs = require('fs');
const path = require('path');
const userDataDir = app.getPath('userData');
const stateFile = path.join(userDataDir, 'app-state.json');

// 保存状态
function saveAppState(state) {
  fs.writeFileSync(stateFile, JSON.stringify(state, null, 2));
}

// 读取状态（默认返回未登录状态）
function loadAppState() {
  try {
    return JSON.parse(fs.readFileSync(stateFile, 'utf8'));
  } catch (err) {
    return { isLoggedIn: false, currentPage: 'login' };
  }
}

2. 启动/重载时恢复页面 #

在应用启动或者重载前，读取存储的状态，直接加载对应的页面：

应用启动时： #

app.whenReady().then(() => {
  const appState = loadAppState(); // 如果用electron-store就是 store.get('isLoggedIn', false) 等
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true, // 根据你的配置调整，建议用contextBridge更安全
      contextIsolation: false
    }
  });

  // 根据状态加载对应页面
  if (appState.isLoggedIn && appState.currentPage === 'home') {
    mainWindow.loadFile('path/to/home.html');
  } else {
    mainWindow.loadFile('path/to/login.html');
  }
});

监听重载事件（开发者手动按Ctrl+R）： #

如果是开发者主动重载页面，要在重载前更新当前页面的状态，避免恢复错误：

mainWindow.webContents.on('will-reload', () => {
  const currentUrl = mainWindow.webContents.getURL();
  const isHomePage = currentUrl.includes('home.html'); // 根据你的实际URL判断
  store.set('currentPage', isHomePage ? 'home' : 'login');
});

3. 额外注意事项 #

• 安全性：如果是生产环境，不要把敏感的登录凭证存在本地存储里，只存登录状态（比如一个过期的token或者布尔值），每次启动时最好再校验一下登录状态是否有效（比如调用后端接口）。
• 开发环境兼容：如果用了electron-reload这类自动重载工具，不用担心会清空存储，因为electron-store或者自定义的状态文件存在系统用户数据目录，和项目代码目录是分开的。
• 单页应用适配：如果你的登录页和主页是SPA（比如React/Vue）的不同路由，那可以在渲染进程中读取存储的状态，直接跳转到对应路由，主进程只需要加载SPA入口文件即可，这样体验更流畅。

内容的提问来源于stack exchange，提问作者sylvesterChase