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

关于打包后跳转失效, 请检查你的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',	
});
electron-vite 是一个基于 ViteElectron 应用开发工具,它允许开发者使用 Vite 的现代前端特性来构建桌面应用。Electron 是一个使用 Web 技术来创建跨平台的桌面应用的框架,而 Vite 是一个现代的前端构建工具,以速度快、配置简单而著称。electron-vite 结合了两者的优势,使得开发 Electron 应用更加高效。 要对 electron-vite 进行打包配置,通常需要遵循以下步骤: 1. **项目初始化**:首先使用 npm 或 yarn 初始化项目,并安装 electron-vite 相关依赖。 2. **配置 Vite**:配置 Vite 的 `vite.config.js` 文件,这通常涉及到定义构建的入口文件、输出目录、服务器设置等。 3. **Electron 入口文件配置**:在 Electron 的主进程和渲染进程文件中配置启动逻辑,例如 `main.js` 和 `renderer.js`。 4. **打包设置**:使用 electron-vite 的构建命令或者自定义脚本进行打包。通常包括: - 设置构建目标环境,比如生产环境。 - 指定输出目录,通常是 `dist_electron` 或者其他自定义目录。 5. **构建命令**:在 `package.json` 的 `scripts` 中添加构建命令,例如 `"build": "electron-vite build"`,并执行此命令进行打包。 6. **打包后处理**:如果需要,可以在 Vite 构建后运行一些自定义脚本来处理构建产物,比如自动清理、代码签名等。 具体的 electron-vite 打包配置示例代码可能如下所示: ```javascript // vite.config.js import { defineConfig } from 'vite'; import { electron } from '@electron-forge/vite-plugin'; export default defineConfig({ plugins: [electron()], build: { outDir: 'dist_electron', target: 'node14', }, }); ``` 在 `package.json` 中添加构建脚本: ```json { "scripts": { "build": "vite build" } } ``` 执行 `npm run build` 或 `yarn build` 后,electron-vite 会根据配置文件进行打包打包产物会输出到 `dist_electron` 目录。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值