2017-05-19 115 views
5

我想默认为一个特定的页面使用时,当用户浏览到根路径 即去myapp.com我想重定向他们myapp.com/defaultpageVUE路由器重定向到默认路径问题

我当前的代码是

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 
     } 
    } 
]}) 

由于它当用户进入myapp.com,我收到了“404页找不到”是 - 即在NotFoundComponent。只有当我输入myapp.com/defaultview时,才能进入正确的页面。

任何想法?

+0

删除'/'儿童 –

+0

我试过了,还是同样的404,我也试着从根部即重定向删除/: '默认视图'。此外,我只能通过myapp.com/defaultview – proximacentauri

回答

9

试试这个代码:

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

访问我的页面。但是,我需要为根路径保留完整组件,因为它是所有其他组件的基础。如果添加当时基本上和我上面的一样。 – proximacentauri

+0

一个黑客工程,但不会工作多个页面,我需要重定向到:{ 路径:'*', 组件:DefaultView } – proximacentauri