我是靠谱客的博主 文艺汉堡,最近开发中收集的这篇文章主要介绍Vue-Cli4 Electron 打包后出现router-view失效的可能原因,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

个人环境

Electron 13.0.0
Vue-Cli 4.5.6

Vue 3.x 版本

在这个版本下,打包后 Electron 在载入的时候不会默认载入到 " / " 这个默认路径下,但是在本地访问的时候会。

这就是为什么使用 yarn run electron:serve 可以正常显示,但是 build 打包后却无法显示 router-view 的原因,解决方法就是在 App.vue 载入的时候,给 mounted 这个钩子里面手动跳转到你想要的首页页面的路径去就可以了。

个人用的是 this.$router.push("/") ,打包后 router-view 的部分就显示正常了。

最后

以上就是文艺汉堡为你收集整理的Vue-Cli4 Electron 打包后出现router-view失效的可能原因的全部内容,希望文章能够帮你解决Vue-Cli4 Electron 打包后出现router-view失效的可能原因所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(62)

评论列表共有 0 条评论

立即
投稿
返回
顶部