Vue Cli root router is only working

Question

I have a index.js file inside router folder and here is the code, but the register component is not showing in /register route. Only the HelloWorld component is shown in all the routes.

import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import Register from '@/components/Register' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path:'/register', name:'Register', component:Register } ] })

default mode for vue-router is hash mode use mode: 'history' in side export router.vuejs.org/guide/essentials/history-mode.html — channasmcs
– channasmcs, Commented Jul 2, 2018 at 9:51

Artem Mirchenko · Accepted Answer · 2018-07-02 09:46:12Z

You should set mode of router history, because default is hash router, it is not fire while history changes.

import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import Register from '@/components/Register' Vue.use(Router) export default new Router({ mode: 'history', routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path:'/register', name:'Register', component:Register } ] })

prazeev · Accepted Answer · 2019-01-07 15:10:21Z

2

You should set history mode.

Cheers!!

answered Jan 7, 2019 at 15:10

prazeev

931 silver badge10 bronze badges

1 Comment

Nico Haase Over a year ago

Please add some explanation to your answer: why should one do so, and how?

Collectives™ on Stack Overflow

Vue Cli root router is only working

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related