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

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

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

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

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

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

javascript 复制代码
win.loadFile(path.join(__dirname, '../renderer/index.html'), { hash: 'home' })

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

相关推荐
Keepreal49615 分钟前
pdf文件预览实现
javascript·react.js
简小瑞17 分钟前
VSCode源码解密:一行代码解决内存泄漏难题
前端·设计模式·visual studio code
Asort18 分钟前
JavaScript设计模式(九)——装饰器模式 (Decorator)
前端·javascript·设计模式
Man19 分钟前
🔥 Vue3 动态 ref 黑科技:一招解决 v-for 中的组件引用难题!
前端·vue.js
接着奏乐接着舞。20 分钟前
3D地球可视化教程 - 第3篇:地球动画与相机控制
前端·vue.js·3d·threejs
小小前端_我自坚强20 分钟前
2025WebAssembly详解
前端·设计模式·前端框架
用户14125016652721 分钟前
一文搞懂 Vue 3 核心原理:从响应式到编译的深度解析
前端
正在走向自律22 分钟前
RSA加密从原理到实践:Java后端与Vue前端全栈案例解析
java·前端·vue.js·密钥管理·rsa加密·密钥对·aes+rsa
我是天龙_绍23 分钟前
Lodash 库在前端开发中的重要地位与实用函数实现
前端
LuckySusu27 分钟前
【vue篇】Vue 数组响应式揭秘:如何让 push 也能更新视图?
前端·vue.js