Vue 라우터 시작 경로가 리디렉션되지 않을 수 있습니다.

Question

현재 문제는 내 '/' vue-router로 라우트가 빈 페이지를 표시한다는 것입니다. 당신이 하나를 포장하려면

const route = [ 
    { 
     path: '/home', 
     component: Homepage 
    }, 
    { 
     // other routes ... 
    }, 
    { 
     path: "*", 
     component: PageNotFoundComponent 
    } 
] 

:

내 노선은 내가 페이지를 찾을 수 없습니다 요소

Answer 1

내 '' 또는 '/' 경로를 재 지정할 수 있습니다 것은이 시도하는 방법이

const route = [ 
    { 
    path: '', 
    component: HomeTemplate, 
    children: [ 
    { 
     path: '/home', component: Homepage 
    } 
    ] 
    } 
] 

처럼 보인다 구성 요소를 다른 것으로 변환하려면 <slot></slot> 요소를 사용하십시오. 여기를 읽으십시오 : https://vuejs.org/v2/guide/components.html#Content-Distribution-with-Slots

예 :

parentComponent에 :

<template> 
    <div> 
    <!-- Something fun --> 
    <slot></slot> 
    </div> 
</template> 

<script> 
export default { 

} 
</script> 

하위 구성 요소 :

<template> 
    <parent-component> 
    <!-- Something else --> 
    </parent-component> 
</template> 

<script> 
import ParentComponent from 'path-to-parent-component' 

export default { 
    components: {ParentComponent} 
} 
</script>