vue-router redirect to default path issue

Question

I want to default to a specific page when user navigates to the root path ie when used goes to myapp.com I want to redirect them to myapp.com/defaultpage

My current code is

index.js

import Full from '../containers/Full' import DefaultView from '../views/DefaultView'  export default new Router({   mode: 'history',   linkActiveClass: 'open active',   scrollBehavior: () => ({ y: 0 }),   routes: [     {       path: '/',       redirect: '/defaultview',       name: 'home',       component: Full,       children: [         {           path: '/defaultview',           name: 'defaultview',           component: DefaultView         },         {           path: '*',           component: NotFoundComponent         }     } ]}) 

As it is when user goes to myapp.com I get a '404 page not found' - ie the NotFoundComponent. Only when I type in myapp.com/defaultview can I get to the correct page.

Any ideas?

Answer 1

Try this code:

routes: [     {       path: '/',       redirect: '/defaultview'     },     {       path: '/defaultview',       name: 'defaultview',       component: DefaultView     },     {       path: '*',       component: NotFoundComponent     } ]