嘿，我之前开发Electron应用时也碰到过一模一样的问题——每次改完主页重载就得重新登录，效率低到爆炸。下面给你几个实用的解决方案，一步步来搞定它：

方案1：用浏览器localStorage快速实现（适合简单场景） #

这是最轻量化的方案，你的渲染进程（页面）可以直接操作localStorage来持久化状态，不用额外依赖。

• 登录成功后保存状态：在登录页的渲染逻辑里，登录验证通过后写入状态：

// 登录成功后执行
localStorage.setItem('isLoggedIn', 'true');
localStorage.setItem('lastPage', 'home'); // 可以根据当前页面动态赋值

• 启动/重载时检查状态：在应用的入口渲染文件（比如index.js）里，页面加载完成后判断状态并跳转：

document.addEventListener('DOMContentLoaded', () => {
  const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true';
  const lastPage = localStorage.getItem('lastPage') || 'login';

  if (isLoggedIn && lastPage === 'home') {
    // 根据你的页面路径跳转，比如用window.location
    window.location.href = './home.html';
  } else {
    window.location.href = './login.html';
  }
});

• 登出时清除状态：记得在登出操作里删掉存储的状态，避免下次启动直接进入主页：

// 登出按钮点击事件
function handleLogout() {
  localStorage.removeItem('isLoggedIn');
  localStorage.removeItem('lastPage');
  window.location.href = './login.html';
}

方案2：用electron-store实现跨进程可靠存储（推荐生产环境） #

如果需要主进程也能访问登录状态，或者要存储更复杂的用户数据，electron-store是更好的选择——它基于文件系统，比localStorage更稳定，而且支持跨进程读写。

• 安装依赖：

npm install electron-store

• 主进程初始化存储：在主进程文件（比如main.js）里创建实例：

const { app } = require('electron');
const Store = require('electron-store');

// 自定义存储文件名，避免和其他文件冲突
const appStore = new Store({ name: 'app-user-state' });

• 登录成功后同步状态：在登录页的渲染进程里，通过IPC通知主进程保存状态：

// 登录页渲染进程
const { ipcRenderer } = require('electron');

// 登录验证通过后触发
function handleLoginSuccess() {
  ipcRenderer.send('save-user-state', {
    isLoggedIn: true,
    lastPage: 'home'
  });
  // 跳转到主页
  window.location.href = './home.html';
}

主进程接收并存储：

// 主进程
const { ipcMain } = require('electron');

ipcMain.on('save-user-state', (event, state) => {
  appStore.set('currentUser', state);
});

• 启动/重载时加载对应页面：在主进程创建窗口的逻辑里，先读取存储的状态，再决定加载哪个页面：

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true, // 开发环境可开启，生产环境建议用contextBridge
      contextIsolation: false
    }
  });

  // 读取存储的状态，默认未登录、跳转到登录页
  const userState = appStore.get('currentUser', { isLoggedIn: false, lastPage: 'login' });
  const targetUrl = userState.isLoggedIn && userState.lastPage === 'home' 
    ? './home.html' 
    : './login.html';

  mainWindow.loadFile(targetUrl);
}

app.whenReady().then(createWindow);

• 登出时清除状态：同样通过IPC通知主进程删除存储：

// 主页渲染进程的登出逻辑
function handleLogout() {
  ipcRenderer.send('clear-user-state');
  window.location.href = './login.html';
}

// 主进程处理清除
ipcMain.on('clear-user-state', () => {
  appStore.delete('currentUser');
});

方案3：监听重载事件（针对开发环境优化） #

开发环境下，你可能会用Ctrl+R或者electron-reload自动重载，这时候可以在主页监听beforeunload事件，确保重载前保存当前页面状态：

// 主页渲染进程
window.addEventListener('beforeunload', () => {
  // 不管用localStorage还是electron-store，这里更新lastPage状态
  localStorage.setItem('lastPage', 'home');
});

这样即使手动重载，应用也能记住你之前在主页，不会跳回登录页。

额外注意事项 #

• 安全性：开发环境用上面的方法没问题，但生产环境不要把敏感的登录凭证（比如token）存在localStorage或electron-store里，建议用Electron的session模块管理cookie，或者用keytar库存储敏感信息，避免泄露风险。
• 多窗口同步：如果你的应用支持多窗口，要通过IPC事件同步所有窗口的状态，避免出现状态不一致的情况。

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