electron-vite_5打包后跳转失效?请用hash

embedded/2024/10/18 23:28:31/

关于打包后跳转失效, 请检查你的vue和react路由模式是不是hash模式;
注意必须使用hash模式,否则打包后路由跳转失效

React 版本
// "react-router-dom": "^6.11.2",
import { HashRouter } from 'react-router-dom'
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(<HashRouter><App /></HashRouter>
)
Vue3
// "vue-router": "^4.0.0-0",
import { createRouter, createWebHashHistory} from 'vue-router'
const router = createRouter({history: createWebHashHistory()
});
vue2
//  "vue-router": "3.0.0",
import Router from 'vue-router';
export default new Router({// 不配置mode的情况下,默认就是hash模式; 'history'mode:'hash',	
});

http://www.ppmy.cn/embedded/128583.html

相关文章

树型名称前面插入图片

需求&#xff1a; 搜索树、树型要显示连线&#xff0c;还有名称前带图片 ui组件&#xff1a;https://devui.design/components/zh-cn/overview 直接上代码 [checkable] false 表示取消复选框 <div class"p-sm"><div class"row"><d-sea…

【vue】前置知识学习

代码获取 知识小结 1. 常量和变量 let 定义变量const 定义常量 2. 模板字符串 普通字符串是使用 “” 和 ‘’ 定义的 模板字符串是使用 定义的 模板字符串的好处 可以换行可以插入变量可以插入表达式 3. 对象 取值 .点取值 []方括号取值 // 对象定义 const obj {…

leetcode——135.分发糖果

135.分发糖果 n 个孩子站成一排。给你一个整数数组 ratings 表示每个孩子的评分。 你需要按照以下要求&#xff0c;给这些孩子分发糖果&#xff1a; 每个孩子至少分配到 1 个糖果。 相邻两个孩子评分更高的孩子会获得更多的糖果。 请你给每个孩子分发糖果&#xff0c;计算并…

基于SpringBoot的高校实习信息发布网站【附源码】

​基于SpringBoot的高校实习信息发布网站&#xff08;源码L文说明文档&#xff09; 目录 4 系统设计 4.1 系统概述 4.2 系统模块设计 4.3 数据库设计 4.3.1 数据库设计 4.3.2 数据库E-R 图 4.3.3 数据库表设计 5 系统实现 5.1 管理员功能模块的实…

Vue项目中实现拖拽上传附件:原生JS与Element UI组件方法对比

在现代化的Web应用中&#xff0c;文件上传是一个基本功能。随着技术的发展&#xff0c;拖拽上传已经成为提升用户体验的一个重要特性。在Vue项目中&#xff0c;我们可以通过原生JavaScript或使用Element UI组件来实现这一功能。下面我们将分别介绍这两种方法&#xff0c;并对比…

MySQL之数据类型

学习每一门语言前&#xff0c;我们都会接触每个语言中的数据类型&#xff0c;在SQL语言中也存在许许多多的数据类型&#xff0c;我们今天来一探究竟。 1. 常⽤数据类型分类 我们学习Java语言在⾯向对象软件开发的过程中&#xff0c;通常会先进⾏需求分析从⽽得到类和属性&…

Trimble三维激光扫描开启工业元宇宙的安全“智造”之路-沪敖3D

以下文章来源于天宝Trimble Field Systems &#xff0c;作者小甜宝 工业制造是一个固有危险性的行业&#xff0c;人身伤害、物理损坏和长时间的维修都可能导致项目停滞。因此&#xff0c;确保安全不仅仅对工作人员重要&#xff0c;更是保证项目顺利进行关键。 在自动化程度提…

Go语言基础语法(三)

Go语言基础语法详解 Go语言作为一门简洁高效的编程语言&#xff0c;以其独特的语法风格和并发支持成为开发者喜爱的语言之一。本文将带你逐步了解Go语言的基础语法&#xff0c;覆盖程序结构、变量与常量、数据类型以及运算符的使用&#xff0c;为深入学习Go语言奠定坚实的基础。…