![]()
Vue에서 페이지를 이동 시킬때, 정상적으로 기능은 작동하더라도, 위와 같은 에러가 발생하는 경우가 있어서, 어떻게 해결했는지 공유해보고자 합니다. 원인 vue-router github의 답변을 보면, router.push 함수는 Promise 객체를 리턴하므로, 만약 navigation failure에 대해 catch를 제대로 해주지 않는다면 위와 같은 에러가 발생한다는 것이다. (왜냐하면, promise rejection을 catch해주지 않았기 때문이다.) 하지만, 이런 navagation failure은 항상 일어나게 된다. 말이 조금 어려웠다. 예를 들어 설명해보자. 1. 나는 현재 A페이지에 있고, B페이지로 가는 버튼을 클릭했다고 해보자. (여기에서 B페이지로 이동하는 함수, goToB()를..
![]()
Vue에서 네비게이션 가드를 구현하는 과정에서 다음과 같은 에러메시지가 계속 출력되는 모습을 보게 됐다. 어떻게 해결 할 수 있었는지 정리해보자. Problem 기존에 나는 this.$router.push를 이용하는 방식을 통해 네비게이션 가드를 구현하고 있었고 아래의 코드는 그 예시이다. this.$router.push('/myinfo/mydetail') 위 처럼 만들고 나니 아래와 같은 에러가 콘솔에 찍히는 것을 볼 수 있었다. Cause 다음 링크에서 원인을 파악할 수 있었다. 핵심부분을 발췌하자면 아래와 같다. Now, because both push and replace return a promise, if the navigation failure (anything that cancels a n..
