electron打包桌面版.exe之vue项目踩坑(vue3+electron 解决打包后首页打开空白,打包后路由不跳转及请求不到后端数据等问题)

news/2024/4/29 22:29:07

vue项目https://www.qingplus.cn/components-web/index打包桌面版问题集合

一、静态资源加载问题
npm run electron_dev

在这里插入图片描述
桌面版运行后页面空白,内容未加载。

填坑:

打包配置要用相对路径
在这里插入图片描述
vite.config.ts文件中的base要改成'./',之前加了项目名

二、接口请求报错

后端接口请求失败
在这里插入图片描述

填坑

axios的baseUR需要配置请求路径(http://www.baidu.com)

axios.defaults.baseURL = 'http://www.baidu.com' 
三、路由跳转失败

登录成功后使用router.push('/index')跳转到首页,未跳转成功
在这里插入图片描述
网上都是路由模式要用Hash模式,但我项目本来就Hash,经过不断排查,是setCookie()方法出了问题,因为是electron不支持这种方式

 /*** 设置token*/setToken(token: string) {this.oauthToken = tokensetCookie('oauthToken', token)}/*** 设置Cookie* @param {string} key* @param {*} val* @param {*} path*/export function setCookie(key: string, val: string, path?: string) {if (!path) path = "/";document.cookie = key + "=" + val + "; expires=Session; path=" + path;  //设置cookie
}
填坑

用sessionStorage.setItem代替将setCookie(),sessionStorage.getItem代替getCookie()


http://www.mrgr.cn/p/77383724

相关文章

javaSSM公司招聘管理系统IDEA开发mysql数据库web结构计算机java编程maven项目

一、源码特点 IDEA开发SSM公司招聘管理系统是一套完善的完整企业内部系统,结合SSM框架和bootstrap完成本系统,对理解JSP java编程开发语言有帮助系统采用SSM框架(MVC模式开发)MAVEN方式加 载,系统具有完整的源代码和…

【计算机网络】应用层——万维网和HTTP协议

万维网 万维网www (World Wide Web)是一个大规模的、联机式的信息储藏所/资料空间,是无数个网络站点和网页的集合。资源(文字、视频、音频...) 统一资源定位符URL,唯一标识资源!用户通过点击超链接(http://www.baidu.com)获取资源,这些资源通过超文本传输协议(HTTP)传送给使…

【计算机网络】应用层——文件传输协议FTP

文件传输协议FTPTFTP是比较简单,比较小的。 文件传送协议FTP (File Transfer Protocol) 提供不同种类主机系统(硬、软件体系等都可以不同)之间的文件传输能力。 是一种拷贝,主要提供上传和下载。 FTP服务器和用户端 FTP是基于客户/服务器(C/S)的协议。 用户通过一个客户机程序…

第一篇:概述、 目录、适用范围及术语 --- IAB/MRC《增强现实(AR)广告(效果)测量指南1.0 》

第一篇:概述、目录、适用范围及术语 - IAB与MRC及《增强现实广告效果测量指南1.0》 --- 我为什么要翻译美国IAB科技公司系列标准 ​​​​​​​​​​​​​​ 翻译计划 第一篇概述—IAB与MRC及《增强现实广告效果测量指南》之目录、适用范围及术语第二篇广告效…

el-table 固定列错位线.el-table__fixed

/* 固定列错位线 */ .el-table__fixed::before{background-color: transparent !important; }

强化基础-Java-泛型

什么是泛型? 泛型其实就参数化类型,也就是说这个类型类似一个变量是可变的。 为什么会有泛型? 在没有泛型之前,java中是通过Object来实现泛型的功能。但是这样做有下面两个缺陷: 1 获取值的时候必须进行强转 2 没有…

探索华为云CCE敏捷版金融级高可用方案实践案例

作为容器混合云在线下的延伸,CCE 敏捷版提供了高性能可扩展的容器服务,快速构建高可靠的容器集群,兼容 Kubernetes 及 Docker 容器生态。本文分享自华为云社区《华为云CCE敏捷版金融级高可用方案实践》,作者: 云容器大未来。 一、背景 1.1. CCE 敏捷版介绍 云原生技术有利…

VSCode打开文件Tab缩进自动变为4的解决方法

使用VSCode的过程中发现,新建的文件缩进值会自动使用4,一些调过缩进值的界面再次打开的时候也会使用4。 解决方法如下:拉到下边,修改为2

外包干了15天,技术退步明显。。。。。。

说一下自己的情况,本科生,19年通过校招进入武汉某软件公司,干了接近4年的功能测试,今年年初,感觉自己不能够在这样下去了,长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测试&a…

2024/03/27(C++·day3)

一、思维导图 二、完成下面类 代码 #include <cstring> #include <iostream>using namespace std;class myString { private:char *str; // 记录C风格的字符串int size; // 记录字符串的实际长度public:// 无参构造函数myString() : size(10){str new char[si…

手机短信验证码自动转发到服务器

今天写一个自动化处理程序&#xff0c;需要验证码登录&#xff0c;怎么样把手机收到的短信自动转发到服务器接口呢&#xff1f; 利用ios手机快捷指令的功能 打开快捷指令点击中间自动化点击右上角号选择信息信息包含选取&#xff0c;输入验证码选择立即执行点击下一步按下图配…

Python学习之-正则表达式

目录 前言&#xff1a;1.re.serach1.1例子&#xff1a; 2.re.match2.1示例1&#xff1a;2.2 示例2&#xff1a; 3.re.findall3.1 示例 4.re.fullmatch4.1 示例1&#xff1a;4.2 示例2: 5.re.split5.1 示例1:5.2 示例2&#xff1a;5.3 示例3&#xff1a; 6.re.sub6.1 示例&#…

房地产防飞单系统是什么

房地产防飞单系统是一种基于客户关系管理(CRM)的应用系统,旨在防止销售人员的客户资源流失和泄露,确保客户资源的安全和追踪跟进。该系统通过实现信息的精准掌握和资源的有效分配,为企业提供更稳定、更高效、更优质的业务服务。 具体而言,房地产防飞单系统具备以下功能:…

笔记本作为其他主机显示屏(HDMI采集器)

前言&#xff1a; 我打算打笔记本作为显示屏来用&#xff0c;连上工控机&#xff0c;这不是贼方便吗 操作&#xff1a; 一、必需品 HDMI采集器一个 可以去绿联买一个&#xff0c;便宜的就行&#xff0c;我的大概就长这样 win10下载 PotPlayer 软件 下载链接&#xff1a;h…

c# 窗体自适应

原文:https://blog.csdn.net/qq_57798018/article/details/127952468

淘宝详情数据采集(商品上货,数据分析,属性详情,价格监控),海量数据值得get

淘宝详情数据采集涉及多个环节&#xff0c;包括商品上货、数据分析、属性详情以及价格监控等。在采集这些数据时&#xff0c;尤其是面对海量数据时&#xff0c;需要采取有效的方法和技术来确保数据的准确性和完整性。以下是一些关于淘宝详情数据采集的建议&#xff1a; 请求示…

bpf,ebpf,libbpf,libbpf_bootstarp概念介绍(如何安装libbpf_bootstarp库),以及四者关系,ebpf程序执行流程(代码分层,具体如何编译,后续操作,关系总结)

目录 概念介绍 bpf ​编辑 ebpf eBPF 虚拟机 libbpf libbpf-bootstrap 如何安装 源码目录 ebpf, libbpf 和libbpf-bootstrap之间的关系 ebfp程序数据流程 介绍 代码 用户层函数 编译 查看 生成内核层的.o文件 第一模块 第二模块 第三模块 第四模块 第五…

项目绩效域

项目绩效域概述价值驱动的项目管理知识体系关注价值的实现,包含了项目管理原则、绩效域、项目生命周期、工程组、10大知识领域和价值交付系统。在整个生命周期中,项目管理者通过涵盖10大知识领域的项目管理工程组对项目进行管理,同时需要密切关注干系人、团队、开发方法和生…