[Spring]Failed to load resource: the server responded with a status of 404 () 오류 해결 방법

 Failed to load resource: the server responded with a status of 404 () 에러 오류 해결 방법에 대해 보자 

 

기본적으로 프론트와 백엔드가 서로 연동이 안되어 있을 때 에러가 발생한다.

 

대부분 저 에러와 아래 사진처럼 cors에러가 함께 뜬다. 

Access to XMLHttpRequest at ~~ from origin ~Access-control-Allow-Origin~

이 게시글은 React와 springBoot를 같이 사용하면서 오류가 뜰 때 초점을 맞추고 작성을 했다.

 

해결방법 

 

1. react의 package.json에 proxy 설정을 했는지 확인을 한다. 

 

2. axios를 사용할 때 주소를 proxy에서 입력한 주소와 동일한 주소인지 확인을 한다.

(필자는 baseUrl="http://localhost:8090" 이다.)

3.STS 에서 application properties server.port 확인

 

위에 proxy, axios 에서 사용한 주소("http://localhost:8090")뒤에 4자리와 같아야 한다. 

 

이렇게 전부 했는데  오류가 난다면 STS에 돌아가서 Controller 위치를 확인 해보자. 

 

프로젝트를 만들면서 자동으로 생성된 ToyproApplication을 열어보면 

 

@SpringBootApplication 어노테이션이 붙어있는 곳이 시작점이다.

여기서, 패키지 구조가 다르면 @ComponentScan의 역할이 수행되지 않기에 등록이 되지 않는다.

따라서 axios가 보내는 받는 controller의 위치를 확인 해보자. 

필자는 패키지 구조를 하위가 아닌 다르게 두어 실행을 하여 오류가 발생했다. 

별거 아니지만 모르면 오류를 잡기 정말 힘든 오류다. 이 글을 읽고 꼭 해결을 했으면 좋겠다.. ㅠ