2020. 8. 7. 12:22 DEV ENVIRONMENT
vue.js, vue-router push, 라우터 리다이렉션 오류, Error: Avoided redundant navigation to current location

접속하자마자 다른페이지로 이동하게 하려고
$router.push(이동경로) 를 설정했더니,

/parkingLotList로 이동하는 라우터 리다이렉트

Error: Avoided redundant navigation to current location "주소" 오류가 찍힙니다.

이미 /parkingLotList에 있을때 리다이렉트하려고 하면서 오류가 발생합니다.

이 현상은 이미 이동할 주소에 있기 때문에 발생하는것이고 정상입니다.
이 오류를 없애려면 catch로 오류를 잡아내거나, 현재주소와 같은지 비교해서 실행되지 않게 하면 됩니다.

 

 

1. catch로 오류를 무시하기
this.$router.push('/parkingLotList').catch(()=>{});


2. 현재 주소와 이동할 주소를 비교해서 실행

if(this.$route.path!=='/parkingLotList') this.$router.push('/parkingLotList')

 

에러가 발생하지 않게 캣칭하거나 주소검사

 

최근에 올라온 글

최근에 달린 댓글