Vue 라우터 이동시 redirected when going from to via a navigation guard 에러 발생

redirected when going from to via a navigation guard

뷰 라우터 이동시 다음과 같은 오류가 발생하는 경우가 있을 것이다.

이는 페이지 이동시 중간에 라우터 가드를 만났고 거기서 조건을 충족하지 못해 다른 페이지로 이동시에 발생하는 에러 문구라고 보시면 된다.

실제로 해당 오류가 발생해도 라우터 이동에는 큰 문제가 없다.

redirected when going from to via a navigation guard 에러 발생 이미지

이처럼 발생하는 이유는 router.push 가 Promise 객체를 리턴하는데, 거기서 reject 발생시 catch 하지 못해 발생하는 문구로 보인다. 이의 경우 아래와 같이 설정하면 해결할 수 있다.

 

this.$router.push('/home').catch(() => {})