'vue-router'에 해당되는 글 2건

 
  1. 2020.08.07 vue.js, vue-router push, 라우터 리다이렉션 오류, Error: Avoided redundant navigation to current location
  2. 2020.08.03 vue.js, vue-router 설정시 사이트 주소에 자동으로 샵(해시#) 추가됨
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')

 

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

 

댓글을 달아 주세요

2020. 8. 3. 14:45 DEV ENVIRONMENT
vue.js, vue-router 설정시 사이트 주소에 자동으로 샵(해시#) 추가됨

vue.js 프로젝트에

vue-router 를 달았더니 이상한 오류?가 발생하기 시작했습니다.

페이지가 열릴때 주소표시줄에 샵이 저절로 붙어버립니다.


찾아봤더니 오류는 아니고 vue-router 기본 모드가 해시모드라고 해서 그런것이라고 하네요.



라우터 생성자에 히스토리 모드로 지정하면 샵(해시#)이 사라집니다.

mode:'history'





댓글을 달아 주세요

최근에 올라온 글

최근에 달린 댓글