Webstorm 이용한 Spring boot + Vue.js 연동

정말 간단하다

spring boot 프로젝트에 src나 target과 같은 경로에 frontend폴더를 만들고 거기에 vue.js프로젝트가 들어가게 한다

그러니까,

그냥 프로젝트 만들때부터 이렇게 만들면 된다

(Users/venditz/Document/IdeaProject/springpractice04 가 스프링 프로젝트 폴더)

그러면 아래와 같은 프로젝트 구성이 된다

그 후에 

frontend/config/index.js에서 

빌드 부분을 이렇게 바꿔준다

그리고 터미널이든 cmd이든 frontend 폴더로 이동한 뒤

npm run build 해주면

이런게 뜬다

그럼 이제 아무것도 없던 src/main/resouces 폴더에

이러한 index 파일이 생성될거다

그럼 끝!

이제 스프링부트를 실행하고 127.0.0.1:8080으로 접속해보자!

-추가

뷰 프로젝트를 만약 수정했어도 그냥 간단하게 npm run build 를 하면 끝이다