使用Electron来给若依系统打包成exe程序,访问资源出现Failed to load resource: net::ERR_FILE_NOT_FOUND‘(已经解决)

文章讲述了在开发Electron应用时遇到的问题,即使用Vue的history模式导致的路径错误。由于Electron在本地文件系统中运行,不支持history.pushState方法,注释掉mode:history并切换到哈希模式可以避免这个问题,从而解决了白屏现象。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 阿丹问题描述:

        前面完成了登录页面的报错,可以看到验证数字码已经正常出来了,那么就说明已经和本地的spring-boot项目进行了交互。

        在登录进入后,发现进行了跳转但是出现了白屏。

错误信息: 

在提示报错的index.html文件中的文件地址并不是这个。发现了每次访问运行的时候它都会对我们的路径进行拼接,这是不对的。

问题解决:

在网上查找了很多资料最后解决问题因为:

这个文件是在前端的vue项目中去进行配置的。 

mode: 'history'注释掉后,问题得到了解决是因为history模式会使用浏览器的history.pushState方法来修改URL,以达到去除#的效果。然而,在Electron中,运行在本地文件系统中的应用程序使用file://协议,而不支持使用history.pushState方法修改URL。

因此,当使用history模式时,Electron在加载静态资源文件时会出现路径错误。

通过注释掉mode: 'history',你会切换回使用哈希#模式,这种模式不会修改URL链接,因此可以避免路径错误。在Electron应用程序中使用哈希模式是比较安全和可靠的选择。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值