這個問題呢，是在開發到最後，準備 push 項目到 github 時出現的問題。
當我用 <code>npm run electron:build</code> 打包項目後，再次安裝打開項目，發現<code>首頁空白</code>。
更奇怪的現象是，當我 使用 <code>npm run electron:serve</code> 時，
界面卻可以正常顯示，并且一切正常！
此時，回頭檢視了一下項目的路由 <code>router</code> ，可能影響到Electron打包的幾個路由，都在這裡：
我将 <code>path: *</code> 如下圖所示，取消注釋後，<code>npm run electron:serve</code> 後，項目依舊一切正常；
然而，當我使用 <code>npm run electron:build</code> 打包項目後， 更加讓人困惑的現象發生了，首頁 居然顯示為path: * 不比對任何路徑跳轉後的 <code>404 界面</code>。
此時的我，表示，<code>非常困惑(very confusing)</code>。
此時開始自我檢讨，沒有好好了解electron以及vue的運作原理。
又開始狂補知識，什麼 electron 分主程序、渲染程序 之類的！
然而，并沒有什麼luan用????，直到在 官網；
發現這樣一條 <code>Common Issues</code>，
原來 <code>blank screen on builds，but works fine on serve</code> 的原因在這裡：
Electron 隻在 路由模式 為 hash 時，才可以正常運作。否則，就會無法找到比對的路徑，故而選擇 <code>path: *</code> 對應的路由；
如果你的 router 檔案中，設定了 <code>path: *</code> ，那麼 <code>首頁</code>，就是path: * 對應的界面，比如剛才的首頁彈出 404 ；而如果沒有設定 <code>path: *</code> ，那麼，就不出現首頁blank！
故而，在 router 中修改了下，
然後再次，<code>npm run electron:build</code>，成功！
各位看官，如果對vue+electron開發有興趣，可以star、fork 我的 github項目: MD5-Encryption ????
下面列幾條可能會對你有用的傳送門：
[1]、https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/commonIssues.html#blank-screen-on-builds-but-works-fine-on-serve
[2]、https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8F%82%E6%95%B0%E7%9A%84%E5%8F%98%E5%8C%96