본문 바로가기
Vue.js

vue.js [spring boot와 연동] (3)

by z00h 2021. 12. 16.

저번 포스팅에서 spring의 port를 8090으로 바꾸었는데 다시 기존의 8080으로 바꾸고

npm run serve를 돌려보았다.

 

 

 

 

outputDir은 npm run build로 빌드 시 파일이 생성되는 위치,

indexPath는 index.html 파일이 생성될 위치를 지정,

devServer는 Back-End , 즉 Spring Boot의 내장 was의 주소를 작성

 

 

 

 

추가 후 cmd창으로 넘어가서 명령어 npm run build 입력.

 

 

 

 

 

 

 

intelliJ로 가서 확인을 해보면 resources하위의 static디렉토리가 추가가 된것을 볼 수 있다!

 

 

 

 

 

cmd창에 npm run serve 명령어를 입력하면

locallhost:8081로 vue의 포트번호가 자동으로 8081로 바뀌었다는것을 볼 수 있다!

 

 

 

spring 포트 : 8080

vue 포트 : 8081