XML HttpRequest at '' fron origin has been blocked by CORS policy -Cors 에러

에러

브라우저에서 회원가입을 해서 백엔드 서버로 회원정보가 담긴 데이터를 보내려하는데

이떄 cors에러가 발생한다.

위와 같은 에러가 나타나는 이유는 브라우저이용자가 나쁜의도를 가지고 접근 할 수 있기 때문이다.

따라서 브라우저의 도메인에서의 요청을 허가해주어야 한다.

이때 cors를 사용한다.

 

 

---

 

수정후

 

cors 사용

Origin에 ‘*’를 넣을 수 도 있는데 이것은 모든 곳에서 백엔드 서버로 접근을 허용한다는 의미이다.

나는 3060포트에서의 접근을 허용하도록 설정.

쿠키를 다른 도메인간 전달 하고 싶다면

cors에 credentials : true로 설정해야 한다. 그래야 로그인이 정상적으로 유지된다.

 

 

 

cors외에 다른방법

 

res.setHeader('Access-Control-Allow-Origin', 'localhost:3000');
res.setHeader('Access-Control-Allow-Credentials', 'true');