(Vue.js 오류 해결) 같은 경로일때 로드가 되지 않는 문제.

 

Vue.js 로 프론트를 개발중에 다음과 같은 에러가 발생하였다.

 

/view/[view_id] 와 같은 경로가 있는데, 해당 경로는 view_id를 가진 게시물을 볼 수 있는 경로이다.

 

/view/[view1]
/view/[view2] 

 

위와 같은 2개의 링크가 있는데, view1으로는 잘이동이되나, view1에서 view2로 이동하려면 페이지가 로드되지않는

문제가 발생한다.

 

물론, 다른 /notic/ 링크로 갔다가 다시 view2로 이동하면 이동이 잘된다.

 

문제해결을 하기 위해 다음과 같은 시도를해봤다.

 

기존

<router-link :to="{name:'view',params:{id:item.url}}">view2</router-link>

 

수정

<router-link :to="'/view/'+item.url">view2</router-link>

 

솔직히 수정 후에는 될 줄 알았는데 바보같은생각이였다. 역시나 똑같이 안됨.

 

그외 @click=replaceUrl(item.url) 으로 클릭 이벤트가 있을시 replaceUrl 함수로 

window replace url 로 이동해보았으나 똑같이 실패

 

해결방법

 

key를 이용해 해당 페이지를 강제로 다시 생성하면된다.

<router-view :key="$route.fullPath"/>