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

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

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

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

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

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

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

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

相关推荐
敲敲了个代码18 分钟前
一天面了6个前端开发,水平真的令人堪忧啊
前端·javascript·学习·面试·webpack·typescript·前端框架
恋猫de小郭18 分钟前
用 AI 做了几个超炫酷的 Flutter 动画,同时又差点被 AI 气死
前端·flutter·aigc
某空m19 分钟前
【Android】组件化搭建
android·java·前端
零基础的修炼21 分钟前
[项目]基于正倒排索引的Boost搜索引擎---服务和前端模块
前端
一勺菠萝丶25 分钟前
Vue组件状态同步问题:为什么修改了DOM值,提交时还是默认值?
前端·javascript·vue.js
程序员小寒27 分钟前
【无标题】
前端·css·面试·css3
蒙面价肥猫30 分钟前
Flex布局-彻底掌握 flex-grow / flex-shrink / flex-basis
前端·css·css3
DsirNg33 分钟前
上一个封装hooks涉及的知识学习路线
前端·javascript·typescript
遇到困难睡大觉哈哈34 分钟前
Harmony os ArkTS 卡片生命周期管理:我怎么把 EntryFormAbility 用顺手的
前端·harmonyos·鸿蒙
凌览36 分钟前
女朋友换头像比翻书快?我3天肝出一个去水印小程序
前端·后端·面试