electron-vite 构建后路由失效问题

海上彼尚2025-02-11 21:16

这个问题大概是这样的：使用 electron-vite 构建的应用，开发时候，用路由的窗口能正常显示，而打包后无法访问。

其实官网给出了说明：说明

也可以通过下面这段代码看出一些东西：

很明显他判断了环境，如果是开发环境访问的则是url，如果是构建环境则是按照文件路径去找的。因此，当我们在新开页面的时候，也是需要写两种跳转的，一种是开发阶段的跳转，一种则是构建时候的跳转。(看到这里你应该就知道问题所在了)

在构建过程需要使用这种写法：

javascript 复制代码

win.loadFile(path.join(__dirname, '../renderer/index.html'), { hash: 'home' })

然后还有一些注意事项：就比如无论你使用的是vue还是react路由模式只能使用hash模式