2017-05-19 22 views
5

अनुप्रेषित मैं एक विशेष पृष्ठ के लिए डिफ़ॉल्ट करना चाहते हैं जब उपयोगकर्ता myapp.com को मैं myapp.com/defaultpage कोVue रूटर पथ मुद्दा डिफ़ॉल्ट

उन्हें रीडायरेक्ट करना चाहते हो जाता है जब इस्तेमाल किया रूट पथ यानी पर जाता NotFoundComponent यानी - मेरे वर्तमान कोड

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

यह है जब उपयोगकर्ता मैं एक 'नहीं मिला 404 पृष्ठ' प्राप्त myapp.com को जाता है। केवल जब मैं myapp.com/defaultview में टाइप करता हूं, तो मैं सही पृष्ठ पर जा सकता हूं।

कोई भी विचार?

+0

निकालने '/' बच्चों –

+0

में मैंने कोशिश की एक ही 404 अभी भी, मैं भी जड़ यानी रीडायरेक्ट से/को हटाने की कोशिश की: 'defaultview'। इसके अलावा 404. मेरे पृष्ठ पर केवल एक ही तरीका है myapp.com/defaultview – proximacentauri

उत्तर

9

इस कोड का प्रयास करें:

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

धन्यवाद, हालांकि मुझे रूट पथ के लिए पूर्ण घटक रखना होगा क्योंकि यह अन्य सभी घटकों के लिए आधार है। अगर मैं इसे जोड़ूं उसके बाद मूल रूप से वही है जो मेरे ऊपर है। – proximacentauri

+0

एक हैक जो काम करता है लेकिन एक से अधिक पृष्ठों के लिए काम नहीं करेगा जहां मुझे रीडायरेक्ट करने की आवश्यकता है: { पथ: '*', घटक: डिफ़ॉल्ट दृश्य } – proximacentauri

संबंधित मुद्दे