Uncaught (in promise) NavigationDuplicated : Avoided redundant navigation to current location

Uncaught (in promise) NavigationDuplicated : Avoided redundant navigation to current location:

vue.js의 router의 네비게이션 오류이다.

현재 페이지에서 다시 현재 페이지로 이동하려고 할 때 발생한다. 우리 프로젝트는 메인 페이지에서 로고를 눌러 다시 메인 페이지를 호출하는 경우에 저 에러가 발생하였다.

 

해결 방법 : 이동할 주소를 비교해서 실행한다.

    goToMain() {
      if (this.$route.path !== "/") this.$router.push("/");
    },

단 이렇게 하니, 메인 페이지에서는 로고를 눌러도 아무 반응이 없는 것을 확인할 수 있었다. 나는 메인 페이지에서 로고를 누르면 새로고침이 되도록 하고 싶었기 때문에 다음과 같이 변경하였다.

    goToMain() {
      if (this.$route.path !== "/") this.$router.push("/");
      else location.reload();
    },

해결!