electron-vite 构建后路由失效问题

news/2025/2/13 14:30:45/

这个问题大概是这样的:使用 electron-vite 构建的应用,开发时候,用路由的窗口能正常显示,而打包后无法访问。

其实官网给出了说明:说明

也可以通过下面这段代码看出一些东西:

很明显他判断了环境,如果是开发环境访问的则是url,如果是构建环境则是按照文件路径去找的。因此,当我们在新开页面的时候,也是需要写两种跳转的,一种是开发阶段的跳转,一种则是构建时候的跳转。(看到这里你应该就知道问题所在了) 

在构建过程需要使用这种写法:

javascript">win.loadFile(path.join(__dirname, '../renderer/index.html'), { hash: 'home' })

然后还有一些注意事项:就比如无论你使用的是vue还是react路由模式只能使用hash模式

 


http://www.ppmy.cn/news/1571727.html

相关文章

ES 索引结构

ES 既不像 MySQL 这样有严格的 Schema,也不像 MongoDB 那样完全无 Schema,而是介于两者之间。 1️⃣ ES 的 Schema 模式 ES 默认是 Schema-less(无模式) 的,允许动态添加字段。 但 ES 也支持 Schema(映射 …

数据结构 动态顺序表-vector

一、创建vector #include <vector> // 头⽂件 using namespace std; const int N 20; struct node {int a, b, c; }; // 1. 创建 void init() {vector<int> a1; // 创建⼀个空的可变⻓数组 vector<int> a2(N); // 指定好了⼀个空间&#xff0c;⼤⼩为 N …

硬件学习笔记--40 电磁兼容试验-4 快速瞬变脉冲群试验介绍

目录 电磁兼容试验-快速瞬变脉冲群试验介绍 1.试验目的 2.试验方法 3.判定依据及意义 电磁兼容试验-快速瞬变脉冲群试验介绍 驻留时间是在规定频率下影响量施加的持续时间。被试设备&#xff08;EUT&#xff09;在经受扫频频带的电磁影响量或电磁干扰的情况下&#xff0c;在…

第三章:Matlab 绘图功能

第三章&#xff1a;Matlab 绘图功能 3.1 二维绘图 3.1.1 基本绘图函数 plot: 绘制二维曲线图。stem: 绘制离散数据图。 代码示例: % 使用 plot 绘制正弦曲线 x 0:0.1:2*pi; y sin(x); plot(x, y); title(正弦曲线); xlabel(x); ylabel(sin(x));% 使用 stem 绘制离散数据…

华为防火墙pppoe拨号接入互联网配置案例

目录 1.pppoe拨号背景2.网络拓扑3.网络需求4.网络配置4.1 网络基础配置4.2 pppoe配置4.2.1 pppoe服务端配置(现网环境可忽略)4.2.2 pppoe客户端配置4.2.3 结果验证 5.小结 1.pppoe拨号背景 PPPoE&#xff08;Point-to-Point Protocol Over Ethernet&#xff09;拨号产生的背景…

智慧出行与车路云一体化政策研究报告

智慧出行政策的发展趋势可以大致划分为三个阶段&#xff0c;与行业发展历程紧密相连。当前&#xff0c;智慧出行政策正逐步进入第三阶段&#xff0c;即技术融合与广泛应用阶段。这一阶段的政策发展趋势将更加注重智慧出行的全面融合和创新应用。比如智能网联技术在智慧出行层面…

【探寻C++之旅】第三章:类和对象(下)

请君浏览 前言1. 类的默认成员函数2. 构造函数3.析构函数4. 拷贝构造函数5. 赋值重载函数5.1 运算符重载5.2 赋值运算符重载 6. 取地址运算符重载7. 类型转换8. static成员9. 友元10. 内部类11. 匿名对象尾声 前言 今天&#xff0c;我们继续踏入追寻C的冒险历程。上一章我们简单…

深度求索(DeepSeek)的AI革命:NLP、CV与智能应用的技术跃迁

Deepseek官网&#xff1a;DeepSeek 引言&#xff1a;AI技术浪潮中的深度求索 近年来&#xff0c;人工智能技术以指数级速度重塑全球产业格局。在这场技术革命中&#xff0c;深度求索&#xff08;DeepSeek&#xff09;凭借其前沿的算法研究、高效的工程化能力以及对垂直场景的…