Vue项目使用electron打包成.exe文件
需积分: 0 27 浏览量
2023-08-22
15:44:18
上传
评论
收藏 47KB DOCX 举报
Vue 项目使用 electron 打包成.exe 文件
一、要求
1. electron 项目打包时要求 node 的版本必须大于 14.17.5。
2. 建议安装 nvm，可以方便的切换 node 版本，避免 vue 项目开发时使用的 node 版本低
安装高版本后打包时报错。
3. nvm 安装方法自行百度。
二、electron 项目（官方 demo）
项目地址 https://github.com/electron/electron-quick-start
electron-quick-start-main.zip
解压文件后记得安装依赖 npm i 或 npm install
注意：做好使用淘宝镜像安装依赖
三、实现步骤
1. 将自己的 vue 项目进行相关配置后进行打包，放到官方的提供的 demo 文件中，改变
打包路径之后再打包成.exe 文件。
2. 自己的 vue 项目打包都会吧，这里不多说了，只说几点注意事项（我在实施中遇到的问
题）
(1) 在项目打包之前直接将 axios 实例中的 baseUrl 写成需要的服务域名，避免打开之后无
法发送网络请求。 如下：
const service = axios.create({
baseURL: 'https://xxx.xxx.net' + apiBaseUrl,
timeout: 15000 // 请求超时时间
})
(2) 修改项目路由模式，如下：
const router = new Router({
mode: 'hash', // history || hash
})
(3) electron 打包 vue-element-admin 无法跳转问题
资源评论
