2017-05-19 113 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