SpringBoot 프로젝트에 SPA 프로젝트 연결하기

SPA 프로젝트의 빌드 결과물을 Spring Boot의 static 폴더로 이동해왔다면, 이제 스프링부트 프로젝트에서 프론트 엔드 요청을 SPA 프로젝트의 html파일로 연결해줘야한다. 여기서는 React프로젝트를 이용해서 SPA를 만들었기 때문에 React의 빌드 결과물을 가지고 연결할 것이다.

 

이렇게 보면 resources 하위에 React의 빌드 결과 파일들이 자리잡고 있는 것을 볼 수 있다. 이제 Spring Boot의 컨트롤러와 Web Config 파일에서 해당 index.html 파일로 연결되게 설정만 해주면 된다.

 

가장 먼저 해야할 일은 Controller를 생성하는 것이다. 

 

@Controller
public class SPAController {

    @RequestMapping({"/"})
    public String index() {return "forward:/index.html";}
}

 

컨트롤러에서 / 경로로 오는 요청들을 index.html 파일로 forward 해준다.

 

이제 스프링 시큐리티를 쓰지 않는다면, / 경로의 요청이 오면 리액트로 빌드한 html 파일을 클라이언트로 전송하게 된다.