最近做了一个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())
}
})