使用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
相关推荐
专注API从业者4 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
大数据·运维·前端·数据挖掘·自动化
烛阴5 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
样子20186 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas686 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风6 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo7 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉8 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧8 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
YeeWang9 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip9 小时前
Jenkins部署前端项目实战方案
前端·javascript·架构