Electron中mainWindow.webContents.send不生效及axios响应延迟问题求助

问题1：无法向渲染进程发送消息的原因 #

核心错误是事件绑定逻辑顺序异常：did-finish-load是页面加载完成后仅会触发一次的事件，你的代码在axios请求成功的回调中才绑定该事件监听，若axios请求返回的时间晚于页面加载完成时间，该事件已经触发结束，后续绑定的回调永远不会执行，自然无法发送消息。
同时原代码使用on绑定事件会导致重复监听，多次触发请求时会出现重复发消息的问题，需要替换为once绑定单次监听。

问题2：axios响应偶尔延迟的排查方向 #

• 原逻辑中请求成功后若页面已加载完成，会陷入无限等待did-finish-load事件的状态，表面看起来就是响应延迟，修复问题1的逻辑后可消除这部分感知延迟
• 给axios增加超时配置，避免接口无响应时无限制等待，同时补充错误捕获逻辑，避免请求失败后无任何反馈
• 排查Python后端接口的响应耗时，确认是否存在后端逻辑阻塞、网络波动等问题

修复后代码示例 #

main.js 代码 #

// 请求增加超时配置，单位可根据业务调整为毫秒
axios.post(`${pythonHost}/send-request/`, options, { timeout: 10000 })
.then(function(response){
  const sendData = JSON.stringify(response.data)
  // 先判断页面是否仍在加载中
  if (mainWindow.webContents.isLoading()) {
    // 未加载完成则单次绑定加载完成事件，触发后发消息
    mainWindow.webContents.once('did-finish-load', function () {
      mainWindow.webContents.send('request_status:success', sendData)
    })
  } else {
    // 已加载完成直接发消息
    mainWindow.webContents.send('request_status:success', sendData)
  }
})
.catch(function(error) {
  // 补充错误处理，可同步通知渲染进程请求失败
  console.error('请求异常：', error)
  // 避免窗口已销毁时报错
  if (!mainWindow.isDestroyed()) {
    mainWindow.webContents.send('request_status:fail', error.message)
  }
})

index.js 代码 #

ipcRenderer.on('request_status:success',(e,response)=>{
  // 业务逻辑处理
})

// 补充请求失败监听，避免异常场景无感知
ipcRenderer.on('request_status:fail',(e,errorMsg)=>{
  // 错误提示相关逻辑
  console.error('请求失败：', errorMsg)
})

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