使用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
相关推荐
CodeSheep1 分钟前
首个OpenClaw龙虾大模型排行榜来了,国产AI霸榜了!
前端·后端·程序员
Moment3 分钟前
想转 AI 全栈?这些 Agent 开发面试题你能答出来吗
前端·后端·面试
Irene19919 分钟前
Vue Router 中:route.params.id 和 route.query.id 的区别
vue.js·route·useroute
Joy T26 分钟前
【Electron架构解析】打破浏览器沙盒:从 Web 前端到桌面客户端的技术跨越
前端·架构·electron
Rsun045519 小时前
React相关面试题
前端·react.js·前端框架
鹏多多.9 小时前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
LawrenceLan10 小时前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
迪巴拉152510 小时前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot