npm i electron-vue-router-url --save
First of all, you need to disable mode: 'history'
in your vue-router, check in vue-router docs
Then do the following:
src/main/index.js example:
const getVueUrl = require("electron-vue-router-url");
ipc.on('showChart', function (e, data) {
// loads process.env.WEBPACK_DEV_SERVER_URL + #/showChart` or `app://./index.html#/showChart` when build
const url = getVueUrl("showChart");
let win = new BrowserWindow({ width: 400, height: 320, webPreferences: {webSecurity: false} })
win.on('close', function () { win = null })
win.loadURL(url)
})
function createWindow() {
win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
// this is important!
nodeIntegration: true,
},
});
// loads process.env.WEBPACK_DEV_SERVER_URL + #/` or `app://./index.html#/` when build
win.loadURL(getVueUrl());
win.on("closed", () => {
win = null;
});
}
In your router, use the exact path to your url
src/renderer/router.js example
{
path: '/showChart',
name: 'showChart',
component: require('your-router'),
},
nodeIntegration
must be set to true
(nodeIntegration
was true
by default in previous electron versions, but false by default in 5.0.0.)
👤 3zbumban
- Github: @3zbumban
Give a ⭐️ if this project helped you!
Copyright © 2019 3zbumban.
This project is BSD-3-Clause licensed.
This README was generated with ❤️ by readme-md-generator