[electron] vue-router가 동작하지 않을때...

electron에서 vue-router 를 사용할때 동작을 하지 않는 경우가 있다.

router 를 생성할때 history 모드가 아닌 hash 모드를 사용하면 잘 동작 한다.

※ 아래의 코드는 vue 3.x 와 vue-router 4.x의 예제 코드 이다.

// router.ts
import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  { path: '/page1', component: () => import('./Page1.vue') },
  { path: '/page2', component: () => import('./Page2.vue') }
]

export default createRouter({
  history: createWebHashHistory(),
  routes
})

// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)
app.use(router)
app.mount('#app')