0%

Electron 使用 vue router 開啟視窗方法

發表於 2021-11-07 分類於 Nodejs Disqus：

最近發生蠢事，我原本看到網路上使用 Electron 可以用 Browserwindow 控制視窗內容，但我發現網路方法竟然都失效，結果我爬到一篇發現是我犯蠢了，vue electron 创建子窗口后内容和父窗口一样配置vue-router无效？ - SegmentFault 思否跟裡面作者一樣忘記加 <router-view>。

Electron 設定 vue-router 開啟視窗方法

vue-router 改成 hash模式
設定 Browserwindow.loadURL

const pageUrl = import.meta.env.MODE === 'development' && import.meta.env.VITE_DEV_SERVER_URL !== undefined
? import.meta.env.VITE_DEV_SERVER_URL+`#/${hash || ''}${urlParam}`
: new URL(`../renderer/dist/index.html#/${hash || ''}${urlParam}`, 'file://' + __dirname).toString();

notifyWindow.loadURL(pageUrl);

<router-view></router-view>，很多教學沒有這段，但漏這段就是出不來XD

相關程式可以看修改成 router · malagege/vue-electron-Pomodoro@5786989 · GitHub