vue3 Electron打包windows应用图标设置无效

3 阅读1分钟

最近做了一个vue3+electron-vue+elementplus的windows应用,最终打包生成exe应用程序,应用程序的logo和启动logo状态栏logo、安装logo全部正常,本地npm run serve ,左上角logo也正常,但是打包后,应用窗口左上logo显示的还是默认图标,不是配置的指定图标。

解决办法:调整electron/main.js中主窗口的图标路径

  const isDev = process.env.VUE_APP_ENV && process.env.VUE_APP_ENV.indexOf('development') > -1
  const iconPath = isDev
    ? path.join(__dirname, '../build/icon.ico')
    : path.join(process.resourcesPath, 'build', 'icon.ico')

  const win = new BrowserWindow({
    width: 800,
    height: 600,
    icon: iconPath, 
    webPreferences: {
      // 禁用 nodeIntegration 出于安全考虑
      nodeIntegration: false,
      // 启用上下文隔离(推荐)
      contextIsolation: true,
      // 预加载脚本(可选)
      preload: path.join(__dirname, 'preload.js'),
      partition: String(+new Date())
    }
  })