이게 그 유명한 CORS에 대한 요청입니다

프론트와 백엔드 포트가 다르면 options 요청을 하나 더 보냄

원래는 주소가 다르면 요청이 안됨 !

이런 에결이 나면 ?

1. 백엔드에게 이 메세지를 보여주며 해결해달라고 요청

2. 프론트엔드 개발자가 스스로 극복 ⇒ webpack dev서버의 proxy 설정을 한다

   

   api 주소를 3100으로 바꿔서 보내겠다는 의미

   

   저 설정을 해주고 axios에 host어쩌구를 빼주면

   저는 3100가 보낸것처럼 된다 !

   !! 저 프록시는 배포환경에선 사용하지 않습니다 (프록시 자체는 배포할때 씀!)

   !! 백엔드와 프론트 둘 다 localhost일 때만 사용가능

   ⇒ OPTIONS 요청은 안보이게 된다

   .post('http://localhost:3100/api/users') → localhost 3095가 localhost 3100에게 요청

   .post('/api/users') → 3100에서 3100로 요청