API와 VUE단 분리하여 배포 후 파일 수정/추가 시 설정

spring boot에서 파일을 바로 적용하고자 할 때는, resource < static 폴더에 파일을 놓으면 된다.

이는, 실제로 스프링이 실행될 때, 제일 먼저 읽는 부분으로 상위 순서로 적용이 가능하게 된다. 

 

현재 환경에서는 nuxt를 이용하여 프론트 단이랑 API 단이랑 분리를 하여 따로 관리할 수 있는 구조이다.

 

프론트엔드 : vue nuxt pjt , 백엔드 : spring boot pjt

 

원리 : 프론트엔드에서 vue로 만든 페이지들을 build 후, 실제 서버에 올릴 파일로 만든다. 

그 후, 만든 것을 generate를 하고 이 out 폴더로 만들어진 파일을 spring boot static 아래로 옮긴다.

 

spring boot 설정: dev-yml 파일 안으로 static-location에 실제 프론트 단에서 파일을 변경할 수 있는 public 폴더 경로를 넣어준다. 이는, 나중에 프론트 단에서 추가하거나 수정할 때 연결되는 경로로, 변경이 바로 가능하도록 돕는다. 

 

 

프론트에서 만들고 나서, generate를 누르면 백엔드에서 설정한
 static-location의 경로에 해당하는 파일들의 수정이 바로 적용이 된다.