使用electron打包Vue前端项目的详细流程

使用electron打包Vue前端项目的详细流程

需要更改的东西

路由模式的修改

复制代码
	# 修改前:url不带#
	mode: 'history'
	
	# 修改后:url带#
	mode: 'hash'

全局修改Cookies为localStorage

复制代码
由于打包成exe或deb这类可执行文件后,本地是没有 Cookies
全局搜索Cookies.get并替换为localStorage.getItem
全局搜索Cookies.set并替换为localStorage.setItem
全局搜索Cookies.remove并替换为localStorage.removeItem

更改过后打包

复制代码
https://electronjs.p2hp.com/docs/latest/tutorial/%E6%89%93%E5%8C%85%E6%95%99%E7%A8%8B
相关推荐
Dwzun5 分钟前
基于SpringBoot+Vue的二手书籍交易平台系统【附源码+文档+部署视频+讲解)
java·vue.js·spring boot·后端·spring·计算机毕业设计
天天扭码9 分钟前
深入MCP本质——编写自定义MCP Server并通过Cursor调用
前端·mcp
北辰alk33 分钟前
Vue3 事件修饰符深度解析:从基础到高级应用的完整指南
vue.js
北辰alk36 分钟前
Vue3 服务端渲染 (SSR) 深度解析:从原理到实践的完整指南
vue.js
1024肥宅1 小时前
JavaScript性能与优化:手写实现关键优化技术
前端·javascript·面试
一字白首1 小时前
Vue 项目实战,从注册登录到首页开发:接口封装 + 导航守卫 + 拦截器全流程
前端·javascript·vue.js
前端西瓜哥1 小时前
平面几何:如何绘制一个星形?
前端
北辰alk1 小时前
Vue3 组件懒加载深度解析:从原理到极致优化的完整指南
vue.js
天天扭码1 小时前
解放双手!使用Cursor+Figma MCP 高效还原响应式设计稿
前端·mcp
今天不要写bug2 小时前
基于qrcode前端实现链接转二维码的生成与下载
前端·javascript·typescript·vue