Spring Boot + Vue.js 자동 경로 빌드

Vue 수정 시 자동으로 Spring 프로젝트의 src/main/resource/static 폴더 안에 빌드

1. package.json

--watch로 수정 시 자동으로 빌드되게 설정

 "scripts": {
    "serve": "vue-cli-service serve --port 3000",
    "build": "vue-cli-service build --watch",
  },

2. vue.config.js

빌드 시 outputDIr의 위치에 빌드
/api로 시작하는 링크로 요청 시 spring 서버로 넘겨줌

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  
  transpileDependencies: true,
  outputDir: "../src/main/resources/static",

  devServer: {
    proxy: {
      '/api' : {
        target: "http://localhost:8080",
        changeOrigin: true,
      }
    }
  }
})