若依后台管理系统打包成桌面端electron

雪月清_月

已于 2025-02-25 17:20:40 修改

阅读量344

点赞数 5

文章标签： electron 前端 javascript

于 2024-10-23 13:41:11 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_57663472/article/details/143179290

版权

一、修改部分代码

1.解决登录成功页面不跳转的问题

(1) 将项目中的Cookies.get全部替换为localStorage.getItem
(2) 将项目中的Cookies.set全部替换为localStorage.setItem
(3) 将项目中的Cookies.remove全部替换为localStorage.removeItem

2.路由模式history 改为hash

3.退出登录页面白屏问题

src/layout/components/Navbar文件
 this.$store.dispatch('LogOut').then(() => {
     // location.href = '/index';    
          换成 
        this.$router.push('/login') 
    })

二、下载安装electron环境

1.下载electron： npm install electron --save-dev

如果安装一直卡住不动可以设置淘宝镜像npm config set electron_mirror=“https://npmmirror.com/mirrors/electron/”

npm config set electron_builder_binaries_mirror=“https://npmmirror.com/mirrors/electron-builder-binaries/”

2.添加打包命令： vue add electron-builder

2.1下载成功后会在src多一个background.js (需要修改桌面的配置项都在里面)

2.2 打包命令可以在 package.json 中查看

    "electron:build": "vue-cli-service electron:build",
    "electron:serve": "vue-cli-service electron:serve",
    "postinstall": "electron-builder install-app-deps",
    "postuninstall": "electron-builder install-app-deps",

3.打包完成后会在项目文件下生成一个dist_electron