Electron + VUE 父窗体和子窗体使用不同的本地VUE

const url = require('url');
// 父窗体
mainWindow.loadURL(url.format({
    // 总入口,根目录的index.html,如果使用electron-builder打包后就在根目录dist下的index.html
    pathname: path.join(__dirname, '../../dist/index.html'), 
    protocol: 'file:',
    slashes: true
}) + "#/login");
// 后面拼接路由, 就是vue文件的跳转路径


// 子窗体
mainWindow.loadURL(url.format({
    // 总入口,根目录的index.html,如果使用electron-builder打包后就在根目录dist下的index.html
    pathname: path.join(__dirname, '../../dist/index.html'), 
    protocol: 'file:',
    slashes: true
}) + "#/home");
// 后面拼接路由, 就是vue文件的跳转路径

router/index.js 路由管理JS需要把路由写成hash模式

import {createRouter, createWebHashHistory, createWebHistory} from 'vue-router'
import Home from "@/views/home/Home.vue";
import Login from "@/views/login/Login.vue";

const router = createRouter({
  // 这个就是hash模式
  history: createWebHashHistory(),
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/login',
      name: 'login',
      component: Login
    },
  ]
})

export default router