[ Vue ] NavigationDuplicated 에러

this.$router.replace(`/api`).catch(err =>{}); <-- catch부분을 추가해주면 되는데, 

만약 에러처리가 내키지 않는다면 아래처럼 만들어 준다.

this.$router.replace(`/api`).catch(error => {
        if(error.name != "NavigationDuplicated" ){
          throw error;
        }
      });

 

vue-router 버젼을 3.15로 업데이트 하면 된다는 답변도 있었는데 소용없었다.

 

참고사이트1

참고사이트2

참고사이트3

 

-----------

NavigationDuplicated 에러는 같은 주소를 여러번 호출할때 나는 에러이다. 

조건문을 걸어줘도 해결된다.

if ( 기존 주소 != 새로 호출할 주소) {

  새로운 주소로 호출

}

 

에러 해결에만 급급하고, 원인을 찾으려 하지 않은건 정말 잘못된 것이다.

항상 이 에러가 왜 났는지 메세지를 잘 읽자 ~~~!!