Spring boot와 React 연동 오류 해결

어제 스프링 부트 + 리액트 연동을 성공해놓고는 커밋을 까먹은 채로 넘어가 버렸다....
설상가상으로 오늘 커밋하다 뭔가 꼬이는 바람에 파일을 싹 날려먹고 (...) 새로 하는데 또다시 계속해서 오류가 났다.

내가 또 오류를 낼 수도 있으니 오류를 정리해보고자 한다.....

일단 Spring security 의존성이 추가되어 있다면, 연동에 성공했을 때 로그인 프롬프트가 뜬다.
기본 id는 user이고, 비밀번호는 메인 애플리케이션을 실행한 콘솔에 표시되어 있다.

그 후 다음과 같은 오류가 날 수 있다.

1. 컨트롤러에서 리턴받은 String 대신 전체 html이 표시되는 경우

프록시 설정이 잘못된 것이다.
package.json에서 proxy 설정이 올바르게 되었는지 다시 확인해 볼 것.

  "proxy": "http://localhost:8080",

 

2. 객체가 리턴되는 경우

매핑된 url을 못 잡는 것이다.
이 경우엔 8080 (스프링 부트 포트) 접속 시 다음과 같은 페이지가 뜰 수 있다.

파일 계층이 다음과 같아야 한다.

혹시 컨트롤러를 메인 애플리케이션과 완전히 별개의 패키지에 추가해 두지는 않았는지 확인이 필요하다.