개발Story
[Vue] router(새로고침 시 404 error)
vue.js/router 2022. 12. 8. 16:59

vue는 SPA(Single Page Application)를 기준으로 작성되는 프레임워크다. 라우터기능을 통해 링크의 주소는 바뀌지만 실제로 페이지가 바뀌는게 아닌 것 이다. 그러므로 직접적으로 주소를 쳐서 접근하거나 새로고침 등을 하게되면 페이지를 인식하지 못하게되며(404, not found) 빈페이지가 뜨는 오류가 발생하게 된다. 즉 라우터로 경로를 이동후 새로고침하면 404 error가 발생하였다. 결론부터 말하면 처리방법은 404 error가 발생시 싱글페이지인(index.html)으로 페이지를 return해주면 된다. 공식문서를 보면 웹서버단 에서 설정을 주라고 가이드가 나와있다. https://router.vuejs.org/guide/essentials/history-mode.html#ap..