vue-router에서 일치하는 경로가 발견되지 않으면 강제로 다시로드하십시오.

Question

vue-router의 문제로 고심하고 있습니다. 2.7.0 및 VUE 내가 엄청난 블로그 게시물을 통해 갈 2.4.2

이지만, 어떤 곳은 찾을 수 없습니다 : 나는 내가 VUE 라우터를 사용하고

If no matching route is found. Do window.location.reload()

즉 간단한 조건을 확인해야 곧장 대답 해.

Answer 1

코드를 던져 설명해 보겠습니다.

const router = new VueRouter({ 
    mode: 'history', 
    routes, 
}); 

router.beforeEach((to, from, next) => { 
    if (to.matched.length === 0) { 
    window.location.reload(); 
    } 
    next(); 
}); 

라우트가 세 개의 매개 변수로로드되기 전에 router.beforeEach가 호출됩니다. to, from and next. 다음은 콜백 함수입니다.
여기서 키는 to 매개 변수의 일치 속성입니다. 일치하는 라우트의 배열을 포함합니다. 일치하는 경로가 없으면 to.matched 배열의 길이가 0이됩니다. 이는 내가 결정을 내리는 데 사용하는 속성입니다.

vue-router에는 다른 종류의 속성이 있어야합니다. 그러나 그것은 내가 또 다른 날과 싸울 싸움이다.