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

关于打包后跳转失效, 请检查你的vue和react路由模式是不是hash模式;

注意必须使用hash模式,否则打包后路由跳转失效

React 版本
json 复制代码
// "react-router-dom": "^6.11.2",
import { HashRouter } from 'react-router-dom'
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
	<HashRouter>
		<App />
	</HashRouter>
)
Vue3
json 复制代码
// "vue-router": "^4.0.0-0",
import { createRouter, createWebHashHistory} from 'vue-router'
const router = createRouter({
  history: createWebHashHistory()
});
vue2
json 复制代码
//  "vue-router": "3.0.0",
import Router from 'vue-router';
export default new Router({
	// 不配置mode的情况下,默认就是hash模式; 'history'
	mode:'hash',	
});
相关推荐
C_心欲无痕7 分钟前
js - generator 和 async 函数讲解
开发语言·javascript·ecmascript
林恒smileZAZ23 分钟前
前端技巧:检测到省略号文本自动显示 Tooltip
开发语言·前端·javascript
Zzz不能停23 分钟前
阻止冒泡和阻止元素默认行为的区别
开发语言·前端·javascript
m0_5287238125 分钟前
如何避免多次调用同一接口
前端·javascript·vue.js·性能优化
小高00732 分钟前
Elips:领域模型与 DSL 设计实践:从配置到站点的优雅映射
前端·javascript·后端
嫂子的姐夫36 分钟前
012-AES加解密:某勾网(参数data和响应密文)
javascript·爬虫·python·逆向·加密算法
德育处主任37 分钟前
『NAS』部署轻量级开源图片水印工具-ImageWatermarkTool
前端·javascript·docker
程序员Agions38 分钟前
TypeScript 类型体操:从入门到"真香"の完全指南
前端·javascript
pas1361 小时前
28-mini-vue customRender
前端·javascript·vue.js
秋天的一阵风1 小时前
🎥解决前端 “复现难”:rrweb 录制回放从入门到精通
前端·javascript·开源