使用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
相关推荐
栀一一5 分钟前
@click和@click.stop的区别
vue.js
noodb软件工作室6 分钟前
支持中文搜索的markdown轻量级笔记flatnotes来了
前端·后端
Midsummer11 分钟前
nuxt安装报错-网络问题
vue.js·nuxt.js
张童瑶11 分钟前
Vue Electron 使用来给若依系统打包成exe程序,出现登录成功但是不跳转页面(已解决)
javascript·vue.js·electron
Catfood_Eason25 分钟前
HTML5 盒子模型
前端·html
小李小李不讲道理31 分钟前
「Ant Design 组件库探索」二:Tag组件
前端·react.js·ant design
1024小神35 分钟前
在rust中执行命令行输出中文乱码解决办法
前端·javascript
wordbaby36 分钟前
React Router v7 中的 `Layout` 组件工作原理
前端·react.js
旺仔牛仔QQ糖37 分钟前
Vue为普通函数添加防抖功能(基于Pinia 插件为action 配置防抖功能 引发思考)
前端·vue.js
lyc23333342 分钟前
鸿蒙Next人脸比对技术:轻量化模型的智能应用
前端