ruoyi-vue 改成electron在window上面动态路由跳转404的问题

439 阅读1分钟

事情起因是朋友的项目,之前是若依写的,最近想打包成electron,去搜一下,自然看到electron-builder,然后跟着教程一路执行,参考 vue改成electron应用,这个在Mac上执行良好,但是在window上面左边的菜单点击跳转404界面,找了良久,核心是因为window在path.resolve的时候执行出来得到的路径是带着盘符的

image.png

实际上我们想要这种效果

image.png

搜了很多方法,最终觉得这种为最佳实践,在electron环境下面的时候让他走path.posix.resolve

image.png

process.env.VUE_APP_BUILD_TYPE 在npm命令上面添加即可

参考文献

  1. 将Vue项目打包成 electron 桌面端应用
  2. electron-vue中的路由跳转路径解析path.resolve结果与在浏览器中的web项目解析结果不一致问题解决办法
  3. Vue CLI 命令行打包配置自定义参数
  4. 记录 VUE+electron 动态路由无法跳转问题
  5. 集成electron实现桌面应用程序
  6. electron项目中明明没有安装对应的 npm 包,但报错找不到模块
  7. electron打包vue项目为exe问题记录