드디어 스프링 부트와 Vue 앱을 연동해보자. 1. build 먼저 yarn build 명령을 이용해서 vue 앱의 배포 버전을 생성한다. dist 경로에 index.html 파일도 생성되는데 이 파일에서 다른 js, css 들을 링크해서 사용중이다. 주의할 점은 이 경로들이 절대경로라는 점이다. 모든 경로를 상대경로로 바꿔주자. 2. 스프링 부트에 파일 배포 src/main/webapp/WEB-INF/에 Vue의 dist를 이동시키고 vue-dist로 rename 해준다.(다른 dist가 있을 것을 대비해서) 또한 index.html 파일도 vue.html로 변경한다. 3. 스프링 부트에서 정적 리소스를 연결한다. @SpringBootApplication public class DemoApplicati..
[vscode] Spring Boot + Vue 연동 프로젝트 생성 3 - 스프링과의 연동
드디어 스프링 부트와 Vue 앱을 연동해보자. 1. build 먼저 yarn build 명령을 이용해서 vue 앱의 배포 버전을 생성한다. dist 경로에 index.html 파일도 생성되는데 이 파일에서 다른 js, css 들을 링크해서 사용중이다. 주의할 점은 이 경로들이 절대경로라는 점이다. 모든 경로를 상대경로로 바꿔주자. 2. 스프링 부트에 파일 배포 src/main/webapp/WEB-INF/에 Vue의 dist를 이동시키고 vue-dist로 rename 해준다.(다른 dist가 있을 것을 대비해서) 또한 index.html 파일도 vue.html로 변경한다. 3. 스프링 부트에서 정적 리소스를 연결한다. @SpringBootApplication public class DemoApplicati..
2019.11.21