当前位置: 首页 > 知识库问答 >
问题:

vue3 - 请问vue+Electron打包exe后页面路径没有指向vue,如何解决?

周威
2024-01-25

在开发我的 electron 和 vue 是同一文件目录,通过运行 npm run electron:devnpm run serve 使应用可以显示正常,相当于 electron 内嵌了一个 vue

但是打包 npm run electron:build 后的 exe 页面指向了默认的 ./electron/index.html ,并没有将我 vue 开发的页面展示出来

有点想不明白这个打包逻辑,我的理解 vue3 + electron 只是个嵌套关系,那是如何打包到一起的呢?

还望解答,万分感谢!

共有1个答案

贺宏富
2024-01-25

经尝试是我一直运行着 npm run serve 影响了打包

 类似资料:
  • 本文向大家介绍解决vue单页面应用打包后相对路径、绝对路径相关问题,包括了解决vue单页面应用打包后相对路径、绝对路径相关问题的使用技巧和注意事项,需要的朋友参考一下 在项目开发过程中,在部署过程中,用到了反向代理,这就要求前端代码中不能使用绝对路径。但是我们知道,一般情况下,通过webpack+vuecli默认打包后的HTML、css、js等文件,使用的都是绝对路径。下面可以举几个例子来看一下:

  • Vite + Vue3 + Electron 打包后静态资源路径错误 图片 src 如果是动态拼接的话,路径指向会出现问题 第一个路径不正确:file:///G:/vite.svg 第二个路径为:file:///G:/vite-electron/release/win-unpacked/resources/app.asar/dist/vite.svg 还有这种字体文件导入也会出现问题,类似上面直接

  • 本文向大家介绍解决Vue+Electron下Vuex的Dispatch没有效果问题,包括了解决Vue+Electron下Vuex的Dispatch没有效果问题的使用技巧和注意事项,需要的朋友参考一下 这个问题是解决基于 vue 和 electron 的开发中使用 vuex 的 dispatch 无效的问题,即解决了 Please, don't use direct commit's, use di

  • 本文向大家介绍怎么修改vue打包后生成文件路径?相关面试题,主要包含被问及怎么修改vue打包后生成文件路径?时的应答技巧和注意事项,需要的朋友参考一下 webpack:output.path vue-cli3: outputDir

  • 本文向大家介绍如何解决vue打包vendor过大的问题?相关面试题,主要包含被问及如何解决vue打包vendor过大的问题?时的应答技巧和注意事项,需要的朋友参考一下 1、在webpack.base.conf.js新增externals配置,表示不需要打包的文件,然后在index.html中通过CDN引入 2、使用路由懒加载 官网

  • 本文向大家介绍webpack打包后直接访问页面图片路径错误的解决方法,包括了webpack打包后直接访问页面图片路径错误的解决方法的使用技巧和注意事项,需要的朋友参考一下 前言 本文说的这种图片路径错误是这样的,运行webpack-dev-server,一切正常,没有错误。当webpack之后,直接打开index页面,报错,图片找不到,找不到的原因是路径错误。 先看我的项目代码 webpack.c