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',	
});
相关推荐
脑袋大大的3 小时前
JavaScript 性能优化实战:减少 DOM 操作引发的重排与重绘
开发语言·javascript·性能优化
速易达网络5 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
耶啵奶膘5 小时前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
JoJo_Way5 小时前
LeetCode三数之和-js题解
javascript·算法·leetcode
视频砖家5 小时前
移动端Html5播放器按钮变小的问题解决方法
前端·javascript·viewport功能
码荼7 小时前
学习开发之hashmap
java·python·学习·哈希算法·个人开发·小白学开发·不花钱不花时间crud
GISer_Jing8 小时前
Monorepo+Pnpm+Turborepo
前端·javascript·ecmascript
天涯学馆8 小时前
前端开发也能用 WebAssembly?这些场景超实用!
前端·javascript·面试
摘取一颗天上星️8 小时前
后端密码加密:守护用户数据的钢铁长城
计算机网络·哈希算法·加密算法