electron 如何默认跳转路由？

Question

环境： electron + vue3 + vue-router4
如何在打包环境下打开 electron 项目默认就跳转到 '/popup' 路径

if (app.isPackaged) { 
// 打包环境
html = join(ROOT_PATH.dist, 'index.html')
win.loadFile(html)
} else {
// 开发环境是可以的
winURL = args.route
                ? `http://${process.env['VITE_DEV_SERVER_HOST']}:${process.env['VITE_DEV_SERVER_PORT']}${args.route}?winId=${args.id}`
                : `http://${process.env['VITE_DEV_SERVER_HOST']}:${process.env['VITE_DEV_SERVER_PORT']}?winId=${args.id}`;
win.loadURL(winURL);
}

// 路由
{
    path: '/popup',
    component: ...
},

Answer 1

我在项目里是这么处理的，仅供参考：

// background.js
if (process.env.WEBPACK_DEV_SERVER_URL) {
    // 开发
    win.loadURL(`${process.env.WEBPACK_DEV_SERVER_URL}#/popup`)
} else {
    // 生产
    createProtocol('app')
    win.loadURL('app://./index.html/#/popup')
}