Router not working with two BrowserWindows

Hi, I’m trying to create an app with two BrowserWindows using the same Vue App with vue-router, but the router aren’t working. I’m always receiving error ‘Cannot GET /’ for the second route.

main\index.js

var mainURL = `http://localhost:9080/`
var secondURL = `http://localhost:9080/page2`

function createWindow () {
  mainWindow = new BrowserWindow({
    height: 600,
    width: 800
  })
  mainWindow.loadURL(mainURL)
  mainWindow.on('closed', () => {
    mainWindow = null
  })

  secondWindow = new BrowserWindow({
    height: 600,
    width: 800
  })
  secondWindow.loadURL(secondURL)
  secondWindow.on('closed', () => {
    secondWindow = null
  })
}

app.on('ready', createWindow)

routes.js

export default [
  {
    path: '/',
    name: 'landing-page',
    component: require('components/LandingPageView')
  },
  {
    path: '/page2',
    name: 'landing-page2',
    component: require('components/LandingPageView2')
  },
  {
    path: '*',
    redirect: '/'
  }
]

Testing code: https://github.com/melquic/vue-two-windows.git

Error print screen:

Thank you for help! Best.

[SimulatedGREG]

@melquic

I would highly avoid using the history mode as it won’t work in a final production app. By using the default hash mode and changing the url in the second window to http://localhost:9080/#/page2 things should work fine.

[melquic]

@SimulatedGREG Thank you a lot! It’s working now… By the way, how should I call the second route when I build production? file://${__dirname}/index.html#page2 ?