Spring Boot에서 Vue 프로젝트를 띄우기 위한 구성

Vue에서는 여러 프로젝트를 생성할 수 있다.

SpringBoot에서 각각의 프로젝트가 짝꿍이라는것을 어떻게 알려줘야 하는것인지는

다음과 같다.

 

Spring Boot와 Vue.js 를 연동하기 위해 빌드 타겟 디렉토리를 설정해야한다.

Vue 프로젝트 파일에 vue.config.js 파일을 생성한다.

 

module.exports = {
  outputDir: '../../src/main/webapp/MyProject',
}

Spring Boot의 경우 내장Tomcat이 의존성에 의해 들어와있기 때문에

다음과 같이 경로를 지정하여 해당 빌드파일을 서버가 읽을 수 있도록 배치시킨다.