intellij 초기 설정 , vue.js와 연동

SpringBoot초기설정

• JDK 내가 가지고 있는 1.8.0으로 설정 (하고싶다면?)

RUN 하기 전

9000포트로 설정

gradle 빌드하기

프로젝트 실행 시 오류났을 때

IntelliJ 기본 클래스을 를 찾 거나 로드 할 수 없습니다

오류가 있었음

여기서 Before Launch 삭제 하면 된다.

vue.js와 연동

npm install -g @vue/cli /npm을 이용한 vue cli 전역 설치
vue create my-project // vue 설치 

vue.js 프로젝트는 vsCode 로 관리

사용자 ---> localhost :8080 (vue.js web서버) ----> localhost:9000(spring boot was 서버)

의 형태 이다.

proxy 설정

npm install request
npm install path 
// 모듈 깔기 

• vue.config.js 생성하여 아래 내용 적어주기

module.exports = {
    devServer: {
        proxy: {
            '/api' : {
                target: 'http://localhost:9000',
                ws: true,
                changeOrigin: true
            },
        }
    }
}

/api형태로 날리면 로컬호스트 9000번으로 request보낸다는 의미

• App.vue 에서 request 날려보기

• 빌드 타깃 디렉토리 생성

보통 그냥 빌드하면 dist 디렉토리가 만들어지고 결과물이 생긴다.

이것을 spring boot의 main/resource/static밑에 바로 생기게 해두면 편해짐

const path = require('path')

module.exports = {
    outputDir: path.resolve(__dirname, "../" + "main/resources/static"),

    ...
 }

 npm run build

https://deockstory.tistory.com/26 참고

Appliaction class

프로젝트의 메인이 되는 클래스

@SpringBootApplication

스프링 부트의 자동설정 , Bean 읽기와 생성 자동설정

1. @SpringBootConfiguration

2. @ComponentScan

3. @EnableAutoConfiguration

   이 세개가 합쳐진것

SpringAppliction.run

내장 WAS 를 실행하는 메서드