Jump to content

It's possible to use Vue.js Router in CEF ?

State Valentin

Recommended Posts

  • 5 months later...

A bit late, but someone else might need this. 🤔

In case you've just generated a new project via the vue-cli, you can go with this:

Change the publicPath in vue.config.js

module.exports = {
  publicPath: './',

Use hash-mode in router.js (this will append the route-path to your index.html with "#" before and you're able to call the index file directly without serving it first)

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'


export default new Router({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes: [
      path: '/',
      name: 'home',
      component: Home
      path: '/about',
      name: 'about',
      component: () => import('./views/About.vue')

Call the index.html after you built your project via npm run build and put the dist-Directory wherever your CEF files should be.


I just went with the default vue-cli app here and it works fine.



Alternatively you just serve your vue app via http and call it, for example:



I like the index.html-ish solution more, because this way you have your CEF files neatly within your client_packages and nothing depends on another process running. 👍



  • Like 1
Link to comment
Share on other sites

  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...