BrowserWindowでloadURLをするときにvue-routerのパスで表示したい

Question

お世話になっております。
Electron初心者です。
現在elecrton-builderを使ったelectron+vueで開発をしていて、ボタンを押すと新しいウィンドが表示されるようなコードを書いているのですが表示されるはずのページでvue-routerのaboutを表示したいのに読み込めていません。
どのようにパスを読み込めば良いのでしょうか？
よろしくお願いいたします。

現在のディレクトリ構成

本当は右のウィンドウでaboutのページを表示したいです。

//background.js
let transparentWnd

async function createWindow() {
  // Create the browser window.
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      // Use pluginOptions.nodeIntegration, leave this alone
      // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION
    }
  });

  transparentWnd = new BrowserWindow({
    width: 400,
    height:400,
    show:false,
    transparent:true,
    frame:true,
    webPreferences:{
      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION
    }
  })
  if (process.env.WEBPACK_DEV_SERVER_URL) {
    // Load the url of the dev server if in development mode
    await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL);
    if (!process.env.IS_TEST) win.webContents.openDevTools();
   //おそらくここが変なのだと思います。
    transparentWnd.loadURL(process.env.WEBPACK_DEV_SERVER_URL+"#/about")
  } else {
    createProtocol("app");
    // Load the index.html when not in development
    win.loadURL("app://./index.html");
  }
}

//vue-router
import { createRouter, createWebHistory } from "vue-router";
import Home from "../views/Home.vue";

const routes = [
  {
    path: "/",
    name: "Home",
    component: Home
  },
  {
    path: "/about",
    name: "about",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/About.vue")
  }
];

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
});

export default router;

Answer 1

原因はrouterがhistoryモードになっていることでした。
なのでvue-routerのindex.jsをhashモードに切り替えることで解決しました。