2017-05-19 14 views
5

Tôi muốn để mặc định đến một trang cụ thể khi người dùng điều hướng đến đường dẫn gốc tức là khi được sử dụng đi để myapp.com Tôi muốn chuyển hướng họ đến myapp.com/defaultpagevue-router chuyển hướng để mặc định vấn đề con đường

mã hiện tại của tôi là

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

Vì nó là khi người dùng đi vào myapp.com tôi nhận được một 'trang 404 không tìm thấy' - tức là các NotFoundComponent. Chỉ khi tôi nhập vào myapp.com/defaultview tôi mới có thể vào đúng trang.

Bất kỳ ý tưởng nào?

+0

remove '/ 'ở trẻ em –

+0

tôi đã cố gắng, vẫn cùng 404, tôi cũng đã cố gắng loại bỏ các từ/tức là gốc chuyển hướng: 'defaultview'. Ngoài ra 404. Chỉ có cách tôi có thể truy cập trang của tôi là thông qua myapp.com/defaultview – proximacentauri

Trả lời

9

Hãy thử mã này:

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

Cảm ơn, tuy nhiên tôi cần giữ thành phần Đầy đủ cho đường dẫn gốc vì nó là cơ sở cho tất cả các thành phần khác có thể ngồi. Nếu tôi thêm về sau về cơ bản là giống như những gì tôi có ở trên. – proximacentauri

+0

Một bản hack hoạt động nhưng không hoạt động trên nhiều trang mà tôi cần chuyển hướng đến: { đường dẫn: '*', thành phần: DefaultView } – proximacentauri

Các vấn đề liên quan