
📒 BackEnd/📝 spring
[spring + vue.js] SPA 새로고침 404에러
문제상황 SPA(Single Page Application)는 말 그대로 단일 페이지에 동적으로 내용을 변경하여 웹 페이지를 구성한다. SPA의 모든 경로는 결국 단일 페이지(index.html)로 향하게 되어있기 때문에 다른 경로에서 새로고침을 한다면 그 경로로 GET 요청을 보내는 것과 같기 때문에 404 해당 경로를 찾을 수 없는 에러가 발생한다. 즉, vue.js에서 라우팅을 통해 페이지 이동을 하지 않고 브라우저 주소 창에 직접 경로를 입력하거나 새로고침을 하면 에러가 발생한다는 뜻이다. 예를들어 http://localhost:8080/host경로를 뷰의 라우팅 기법을 쓰면 /host에 매핑되는 컴포넌트(페이지)를 가져와 화면에 띄운다. 하지만 위의 경로를 주소창에 직접 입력하거나 저 경로에서 ..