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

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

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

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

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

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

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

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

相关推荐
好_快1 分钟前
Lodash源码阅读-lastIndexOf
前端·javascript·源码阅读
好_快2 分钟前
Lodash源码阅读-equalArrays
前端·javascript·源码阅读
代码代码快快显灵3 分钟前
使用 Spring Security的一些常用功能
java·前端·spring·springsecurity
恋猫de小郭1 小时前
Flutter 新一代状态管理框架 signals ,它究竟具备什么魔法和优势
android·前端·flutter
大霸王龙2 小时前
基于HTML的邮件发送状态查询界面设计示例
前端·javascript·html
z26373056114 小时前
为什么后端路由需要携带 /api 作为前缀?前端如何设置基础路径 /api?
前端
eggcode6 小时前
CSS选择器
前端·css
老胡说前端6 小时前
css white-space: pre-line; 用处大
前端·css
还是鼠鼠7 小时前
Node.js 包与 npm 详解:使用 npm 的重要注意事项与最佳实践
前端·javascript·vscode·node.js
图扑软件8 小时前
图扑软件 2D 组态:工业组态与硬件监控的物联网赋能
javascript·人工智能·物联网·低代码·数字孪生·可视化·工业组态