Front-end/Vue.js
[Eclipse]Springboot+Vue.js vue build하기
KHS-Desktop
2023. 6. 19. 12:07
반응형
※학습 중 알게된 내용을 기록하고 있습니다. 틀린 부분이 있을 수 있습니다. 잘못된 부분은 댓글로 알려주시면 감사하겠습니다.
본 게시글에서 하고자 하는 작업
아래 이미지의 vue/publice의 index.html , main.html 파일을
src/main/resource/tempaltes/로 build 및 새로고침하여 확인
사전 진행사항
- 이클립스 내에 springboot프로젝트 생성
[Eclipse]Springboot project생성(윈도우)
1. File > New > Other > Spring Starter Project 2. project 이름, type, java version, Package 등 설정 3. 의존성 설정 작성자는 필요에 의하여 Lombok, MySQL Driver 등을 설정하였으나, 본인의 목적에 맞는 의존성을 체크하
myprograming.tistory.com
- 위에서 생성된 springboot프로젝트 내에 vue.js 환경설정완료
- 작업 전의 폴더 구조,상태
1. 위의 이미지에서 vue폴더 내의 vue.config.js를 열고 , 아래와 같이 수정한다.
수정해야 하는 부분은 outputDir로서 build시에 어디로 할건지 경로를 지정해주는,
어찌보면 당연한 부분이다.
2. 터미널을 열고 아래와 같이 해당 프로젝트/vue 폴더로 이동한다.
3. npm run build입력
4. 새로고침 하여 제대로 build되었는지 확인
반응형