리액트, 스프링부트 CORS 오류 해결하기

React에서 이미지 파일 업로드를 하려는 데 아래와 같은 오류가 발생했다

사진이 지정한 로컬 저장소에 들어가기는 하는데 들어간 이미지를 불러오는 과정에서 발생한 오류이다.

axios
.post('http://localhost:8080/user/upload2', formData, {
headers: {
'Content-Type': multipart/form-data
}
})
.then(res => setUploadImgSrc(res.data))
.catch(error => console.log(error))

위와 같이 header도 설정하고 다른 블로그에서 프록시 설정을 하면 해결 된다는 글을 보고 적용하였으나 계속 반복해서 뜨는 오류

내가 생각도 하지 못한 곳에서 오류가 발생했다.. ㅎㅎ

@CrossOrigin(origins = "*")

스프링부트에 어노테이션을 하지 않아 이미지가 들어가기까지는 했지만 스프링 부트에서 return을 해주지 못한 것이다.