Electron 使用 vue router 開啟視窗方法

2021-11-07 56 words One minute

Contents

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

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

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

1
2
3
4
5


    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