Electron为非当前加载URL设置Cookie不生效，如何解决？

问题根因 #

你设置的Cookie没有生效的核心原因是：Electron中的webview标签默认使用独立的隔离session，和你主窗口/默认session不是同一个存储实例，所以你给主窗口session或defaultSession设置的Cookie，webview完全读取不到。
Electron本身完全支持给非当前加载站点的其他域名设置Cookie，你的场景没有功能限制。

解决方案 #

第一步：统一主窗口与webview的session #

在主窗口初始化时，给webPreferences新增partition配置，指定统一的会话标识：

mainWindow = new BrowserWindow({
    width: windowWidth,
    height: 480,
    titleBarStyle: 'hidden',
    webPreferences: {
      // 新增此行，persist:前缀表示会话会持久化存储，不需要持久化可以去掉前缀
      partition: "persist:myapp_session",
      preload: path.join(__dirname, 'preload.js'),
      nodeIntegration: true,
      contextIsolation: false,
      enableRemoteModule: true,
      webviewTag:true,
    }
  });

然后修改React代码里的webview标签，添加相同的partition属性：

<webview partition="persist:myapp_session" src="https://login.example.com/login.html"></webview>

第二步：修正Cookie配置参数 #

因为目标站点是HTTPS的第三方嵌入场景，需要补充secure和sameSite配置避免Cookie被安全策略拦截，同时可以加错误捕获排查问题：

mainWindow.webContents.session.cookies.set({
  url: "https://login.example.com",
  key: key,
  value: value,
  secure: true, // HTTPS站点必须配置
  sameSite: "none", // 第三方嵌入场景必须配置
  httpOnly: false // 若登录模块需要JS读取Cookie则设为false，否则设为true
}).then(() => {
  console.log('Cookie设置成功')
}).catch(err => {
  // 打印错误信息可以快速定位参数错误、权限问题等异常
  console.error('Cookie设置失败：', err)
})

可选优化：调整设置时机 #

建议将Cookie设置逻辑放在主窗口did-finish-load事件回调中执行，避免session未初始化完成导致设置失效：

mainWindow.webContents.on('did-finish-load', () => {
  // 执行上面的cookie set逻辑
})

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