[Vue.js] springboot & vue build 시 outdir 위치 설정

2023. 9. 6. 21:14· 기존(310)/🦠Vue

 

 

1. 안녕하세요 오늘은 springboot 와 vue 와 연동함에 있어서 

    vue 를 npm run build 를 실행하면 dist 파일이 스프링부트 /static/index.html 로 가는 설정을 진행하도록 하겠습니다.

 

 

    일단 vue 프로젝트 설정한 파일로 들어가서 config.js or configs.ts 파일에 접속해서 

    한줄을 적어주면 됩니다.

 

   

 build: {
    outDir: "../src/main/resources/static"
  },

 

 

이렇게 적어주고 나서 npm run build 를 진행시 정상적으로 index.html 이 생성되는걸 볼수 있다.

 

이상으로 도움이 되셨으면 좋겠습니다. 감사합니다 ~

저작자표시 (새창열림)

'기존 > 🦠Vue' 카테고리의 다른 글

[Vue.js] springboot & vue proxy error (axios)  (0) 2023.09.06
[Vue.js] springboot & vue 404 ERROR  (0) 2023.09.06
'기존(310)/🦠Vue' 카테고리의 다른 글
  • [Vue.js] springboot & vue proxy error (axios)
  • [Vue.js] springboot & vue 404 ERROR
조각남자
조각남자
프로그래밍 기술 및 저장소
조각남자
조각남자
조각남자
전체
오늘
어제
  • 전체 보기
    • Java
      • Spring
    • 기존
      • 🏀Jsp
      • 🏀Spring
      • 🏀Pom.xml
      • 🏀SpringBoot
      • 🏀JavaExcption
      • 🏀JavaDB
      • 🏀SpringBootCloneWebSite
      • 🏀SptringDependency
      • 🏀JpaEnvorinoment
      • 🏀Thymeleaf
      • 🏀Node
      • 🏀Pyton
      • 🏀DataBase
      • 🏀JavaScript
      • 🏀Android
      • 🏀JPA
      • 🏀Flutter
      • 🐸Utils
      • 🎫 Batch
      • 🎞️JenKins
      • 🎈Python
      • 🎗️AWS
      • 🦠Vue
      • 🐳React
      • 🖲️kafka
      • Next.js

공지사항

  • 공지사항

인기 글

태그

  • D

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
조각남자
[Vue.js] springboot & vue build 시 outdir 위치 설정
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.