Springboot와 React(Axios)에서 컨트롤러 prefix 수정하기

 

 

 

 

어느정도 리팩토링을 마치고 ec2로 배포하려고하니 계속해서 문제가 발생한다.😖

중간중간 계속해서 실행해보고 미션 공부하면서 프로젝트에 바로바로 적용하도록 수정했으면 이리 고생하지 않았을텐데 증말 〰️

 

 

프론트엔드와 백엔드를 각각 ec2 서버를 생성하고 리버스 프록시를 생성하고 실행하려고하니 prefix로 분리해서 요청을 보내고 싶은데,,,

원래 개발할때부터 prefix를 정해놓고 했어야했는데,,, 실행하려고 보니 이 간단한 분리도 안되어있다. (머리짚🤦‍♀️)

 

 

그래서 한번에 적용하려고 방법을 찾게 되었다. 

 

 

 

Springboot

server.servlet.contextPath=/api

Springboot에서 api prefix를 적용하는 방법은 Controller에서 @RequestMapping을 이용하여 적용하는 방법도 있었지만 보다 간편하게 application.properties를 이용해서 한번에 적용할 수 있었다. 

 

 

 

 

 

 

Axios

  axios.defaults.baseURL = "[서버의 주소]/api";

프론트쪽인 리액트에서는 axios를 이용해서 요청을 보냈기 때문에 axios.defualts를 이용해서 요청 주소 prefix를 붙여줄 수 있었다. 

 

 

 

 

 

 

 

 

 

 

https://www.baeldung.com/spring-boot-controllers-add-prefix

Add Prefix to All Spring Boot Controllers | Baeldung

https://stackoverflow.com/questions/47407564/change-the-default-base-url-for-axios

Change the default base url for axios