electron - VUE路由器无法与两个Electron BrowserWindow一起使用

标签 electron vuejs2 vue-router

我正在尝试使用具有vue-router的同一个Vue应用程序使用两个BrowserWindows创建一个应用程序,但是该路由器无法正常工作。对于第二条路线,我始终会收到错误消息“无法获取/”。

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: '/'
  }
]

测试代码:https://github.com/melquic/vue-two-windows.git

错误打印屏幕:

enter image description here

谢谢你的帮助!
最好。

最佳答案

该URL必须为http://localhost:9080/#/page2才能使此工作有效。

关于electron - VUE路由器无法与两个Electron BrowserWindow一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43813786/

相关文章:

java - 使用 "pure"Java播放DRM加密的视频流

reactjs - 汇总,TypeScript,Electron,React设置

javascript - 在Vuejs中,如何为所有props添加watcher并使用相同的函数作为回调?

javascript - VueJS 从组件方法部分的 Promise 返回值

javascript - Vue 在函数中使用 Plugin

electron - 在 Electron 构建器构建过程中 buildResources 文件夹的目的是什么?

javascript - 如何从 JavaScript 滚动 <webview> 标签的内容?

vue.js - 在 vue-router 中动态设置基础

javascript - 当 vue-router 重新打开页面时,不会调用 VueJS hook mounted()

javascript - 在数据中创建假 $route