[React] CORS 오류

CORS 오류

 

개발환경 : React + Springboot + Mac

 

React + Springboot 로 개발하면서 따로 설정을 하지 않는다면, 

초기에 CORS 오류를 만날 수 있다.

 

오류를 만나도 당황하지 말자..!

 

이런식으로 콘솔 창에 에러를 만날 수 있다.

Access to XMLHttpRequest at 'http://localhost:8080/v1/login' 
from origin 'http://localhost:3000' has been blocked by CORS policy: 
Response to preflight request doesn't pass access control check: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

당황하지 않고

간단한 코드를 추가하면 된다!

 

 

 

package.json에 proxy 설정을 추가한다.

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

 

 

그리고 사용할 때는

const USER_URL = "/v1";

이런식으로 http://localhost:8080 부분을 빼고 적고 사용하면 된다.

 

 

아 그리고 혹시 포트번호를 다른 걸 사용중이라면 http://localhost:5000 이런식으로 적어넣으면 된다.

 

 

 

 

끝 🐧