在Electron开发中,使用vue-router配置导致打包后显示不正常

前言

这两天在用Electron开发的时候,为了实现路由切换,加上了vue-router作为路由跳转,但加上了之后发现,通过run dev运行的时候,所有子组件的功能都是正常的,但是start或者build之后,发现生成的最终可执行文件出现了很多问题。
大概就是,只能显示APP.vue中的东西,路由引入的组件以及static中的js脚本等都无法正常使用

我是使用Electron-vite开发的项目,不保证其他的Electron项目是一样的问题!!!
请添加图片描述

分析 & 解决

既然是界面跳转有问题,那先看看路由配置,找到封装的router路径下,创建路由这块。
请添加图片描述目前的history模式是WebHistory模式,在正常的web请求中,应该不会有什么问题,但Electron打包后毕竟应该和正常的web请求有一点点区别。
(我不是很了解原理,如果有大佬知道欢迎指正)

所以最后就是,把WebHistory模式改成了WebHashHistory模式就正常了,全部功能和run dev的时候一模一样
请添加图片描述
我的界面恢复了正常
请添加图片描述
路由跳转问题也得以解决
请添加图片描述

猜你喜欢

转载自blog.csdn.net/hexia233332/article/details/140227248
今日推荐