electron打包后调用vue单页面路由的问题

Question

项目环境
vue/cli3
vue-cli-plugin-electron-builder

生成的background.js文件

function createLoginWindow () {
  login = new BrowserWindow({
    width: 430,
    height: 330,
    center: true,
    frame: false,
    // resizable: false,
    parent: win,
    show: false,
    // modal: true,
    webPreferences: {
      nodeIntegration: true
    }
  })
  if (process.env.WEBPACK_DEV_SERVER_URL) {
    login.loadURL(`${process.env.WEBPACK_DEV_SERVER_URL}#/login`)
    if (!process.env.IS_TEST) login.webContents.openDevTools()
  } else {
    createProtocol('app')
    login.loadURL('app://./index.html')
  }
  login.once('ready-to-show', () => {
    login.show()
  })
}

其中 开发环境下可以通过路由来访问 ,但是打包后的路径该如何配置?

if (process.env.WEBPACK_DEV_SERVER_URL) {
    login.loadURL(`${process.env.WEBPACK_DEV_SERVER_URL}#/login`)
    if (!process.env.IS_TEST) login.webContents.openDevTools()
  } else {
    createProtocol('app')
    login.loadURL('app://./index.html')
  }

因为这里设置 login.loadURL('app://./index.html')
所以只要打开窗口就加载的首页... 这个地方该咋配置呢?

Answer 1

已解决
login.loadURL('app://./index.html#/login')

Answer 2

你好，请教一下，我也刚搭建了electron+vue。

1.background.js文件中，像下面这个环境变量含义是什么啊，哪里可以查？

process.env.WEBPACK_DEV_SERVER_URL

2.参数electron的官网，弄出来菜单按钮，按钮怎么和页面关联？

谢谢