electron-vite引用vue-router踩坑
【代码】electron-vite引用vue-router踩坑。解决electron-vite中使用vue-router打包后页面不显示
·
//npm run dev 的时候一切正常但是 build的时候 使用的是
mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
//打包完成后router是空白的没有显示
//解决方案 修改 mainWindow.loadFile 添加 hash参数
mainWindow.loadFile(join(__dirname, '../renderer/index.html'), {
hash: 'home',
})
//到这里还没完,VueRouter.createRouter 也要修改一下 history
VueRouter.createRouter({
history: VueRouter.createWebHashHistory(), //这里修改成 createWebHashHistory
routes,
})
例子:
//src/renderer/src/router.ts
import * as VueRouter from 'vue-router'
const routes = [
{ path: '/', redirect: '/home' },
{ path: '/home', component: (): Promise<any> => import('./window/Home.vue') },
{
path: '/table',
component: (): Promise<any> => import('./window/Table.vue'),
},
]
export const router = VueRouter.createRouter({
history: VueRouter.createWebHashHistory(),//修改这里
routes,
})
//src/main/index.ts
...
// HMR for renderer base on electron-vite cli.
// Load the remote URL for development or the local html file for production.
if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
} else {
//修改这里
mainWindow.loadFile(join(__dirname, '../renderer/index.html'), {
hash: 'home',
})
}
...
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)