🐛 修复非主页面窗口在打包后找不到路径的bug

package.json

@@ -1,6 +1,6 @@
 {
   "name": "baize-toolbox",
-  "version": "0.0.1",
+  "version": "0.0.1-beta2",
   "description": "An Electron application with React and TypeScript",
   "main": "./out/main/index.js",
   "author": "xiaoyu@sulg.top",

src/main/helper.ts

@@ -69,9 +69,10 @@ interface ICreateWin {
   config: BrowserWindowConstructorOptions
   url: string
   injectData?: any
+  route?: string
 }
 
-export async function createWin({ config, url, injectData }: ICreateWin): Promise<BrowserWindow> {
+export async function createWin({ config, url, injectData, route }: ICreateWin): Promise<BrowserWindow> {
   const win = new BrowserWindow({
     webPreferences: {
       nodeIntegration: true,
@@ -90,6 +91,11 @@ export async function createWin({ config, url, injectData }: ICreateWin): Promis
       ...injectData,
     },
   })
+  if (route) {
+    win.webContents.on("did-finish-load", () => {
+      win.webContents.send("INIT_ROUTE", route)
+    })
+  }
   initWinUrl(win, url)
   return win
 }

src/main/plugin/modules/ipcWin.ts

@@ -64,7 +64,8 @@ app.on("ready", async () => {
           transparent: true,
           alwaysOnTop: true,
         },
-        url: "/siteAssistTransprent/index.html#/record-win",
+        url: "/siteAssistTransprent/index.html",
+        route: "record-win",
       })
       recordWin.on("ready-to-show", () => {
         showCustomMenu(recordWin)

src/main/plugin/modules/screenShot.ts

@@ -53,8 +53,9 @@ const createImageWin = async (data) => {
   }
   const imageWin = await createWin({
     config,
-    url: "/siteAssistTransprent/index.html#/image-win",
+    url: "/siteAssistTransprent/index.html",
     injectData: { base64 },
+    route: "/image-win",
   })
   imageWin.setSize(width + 12, height + 12)
   imageWin.show()
@@ -68,7 +69,8 @@ app.whenReady().then(async () => {
       alwaysOnTop: true,
       show: false,
     },
-    url: "/siteAssistTransprent/index.html#/screen-shot-win",
+    url: "/siteAssistTransprent/index.html",
+    route: "/screen-shot-win",
   })
   screenShotWin.on("ready-to-show", () => {
     showCustomMenu(screenShotWin)

src/renderer/siteAssistTransprent/src/router/index.tsx

@@ -1,8 +1,7 @@
 import React, { useEffect } from "react"
 import { lazy, Suspense } from "react"
-import { Routes, Route, HashRouter, Navigate } from "react-router-dom"
+import { Routes, Route, HashRouter, useNavigate } from "react-router-dom"
 import { ROUTERS } from "./ROUTERS"
-import { Spin } from "antd"
 import "./index.module.less"
 
 const RecordWin = lazy(() => import("@siteAssistTransprent/pages/RecordWin"))
@@ -12,15 +11,28 @@ const ImageWin = lazy(() => import("@siteAssistTransprent/pages/ImageWin"))
 export default function BaseRouter() {
   return (
     <HashRouter>
-      <Suspense fallback={<></>}>
-        <Routes>
-          <Route path={"/"}>
-            <Route path={ROUTERS.RECODE_WIN} element={<RecordWin />} />
-            <Route path={ROUTERS.SCREEN_SHOT_WIN} element={<ScreenShotWin />} />
-            <Route path={ROUTERS.IMAGE_WIN} element={<ImageWin />} />
-          </Route>
-        </Routes>
-      </Suspense>
+      <App />
     </HashRouter>
   )
 }
+
+const App = () => {
+  const navigate = useNavigate()
+  useEffect(() => {
+    window.ipcOn("INIT_ROUTE", (e, data) => {
+      console.log("INIT_ROUTE", e, data)
+      navigate(data)
+    })
+  }, [])
+  return (
+    <Suspense fallback={<></>}>
+      <Routes>
+        <Route path={"/"}>
+          <Route path={ROUTERS.RECODE_WIN} element={<RecordWin />} />
+          <Route path={ROUTERS.SCREEN_SHOT_WIN} element={<ScreenShotWin />} />
+          <Route path={ROUTERS.IMAGE_WIN} element={<ImageWin />} />
+        </Route>
+      </Routes>
+    </Suspense>
+  )
+}