변경보기/구성 요소가 아니라 내가 404 오류 페이지 기능에 일하고 있어요

Question

URL을 내가 함께 작동하도록 그것을 가지고 :

const router = new VueRouter({ 
    routes: [ 
     // ... 
     { 
      path: '*', 
      component: NotFound, 
      name: '404', 
      meta: {page_title: 'Vuejs&Material Demo | 404 NOT FOUND'} 
     }, 
    ] 
}); 

// ... not found something 

this.$router.push({name: '404'}); 

위의 문제는 URL이 너무 변경되지만이다 나는 단지 보기 (구성 요소)가 변경되기를 원합니다.

간단한 오타가 http://example.com/404으로 리디렉션 될 때 매우 성가시다. URL을 다시 입력하거나 브라우저 자동 완성에서 나가는 방식으로 좋아하지 않습니다.

이런 종류의 메소드/로직이 있는지 궁금합니다. https://www.facebook.com/sdfsd/sfsdf/asfasfsafastgtgregre.

결론은보기가 변경되지만 URL은 변경하지 않기를 원합니다.

이렇게하려면 어떤 vue/vue-router 방법이 있습니까?

Answer 1

이 조금 해키,하지만 당신은 라우터의 history 객체의 updateRoute 방법을 통해 경로를 업데이트 할 수 있습니다 :

let route = this.$router.match({ name: '404' }); 
this.$router.history.updateRoute(route); 

을