electron结合JAVAweb_将现有vue项目基于electron打包成桌面应用程序

本文介绍如何将基于vue-cli开发的项目利用electron打包成桌面应用程序。首先确保项目能够正常打包并运行index.html,然后将dist文件放入electron模板,修改package.json配置进行打包。在electron中处理网络请求时,由于反向代理问题,需在配置文件中设置API_ROOT,并在main.js中引用,以正确处理请求路径。
摘要由CSDN通过智能技术生成

一、前言

项目本来打算采用B/S架构去做的,只是在"人群中多看了你一眼"

二、使用electron集成桌面应用

本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了.

2.cd electron-quick-start->npm install->npm start   到这就能运行demo了

3.将自己项目打包好的dist文件中的index.html和static文件放入electron-quick-start(跟目录)文件中,重新start一下,运行结果如图

4.在package.json中增加如下代码

"pack":"electron-packager . 'health-terminal' --platform=win32 --arch=x64  --out=./out --asar --app-version=0.0.1"

运行npm run pack 打包成功

文件结构

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值