Access to XMLHttpRequest at '다른 웹사이트 링크 아무거나' 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.
무슨 API 요청 할 때 마다 저 ㅈㄹ 해서 웹사이트가 멈춰버림 ㅋㅋㅋㅋ
저거 해결하려면 헤더에다가 뭐 해야되는 거임?
구글링 아무리 해봐도 이해가 안 됨 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
CORS 찾아봐
간단하게 말하면 a.com 에서 b.com 에서 전송한 요청을 못받도록 하는거임
포트만 달라도 알짤 없이 막음
그걸 어떻게 안막게 할 수 있을까.. 리액트에서 가능한 일임?
ㄴ아마도 프록시?
리액트에서 처리할꺼면 http-proxy-middleware 같은거 사용해서 프록시 만들면 됨
그쪽으로 찾아봐야겠다
근본적으로 할꺼면 서버에서 CORS 관련한 해더를 전송해야함 Access-Control-Allow-Origin, Access-Control-Allow-Methods, Access-Control-Allow-Headers 등
Preflight 요청 받을 option 메소드도 열고
그럼 서버에서 안주는 상황에서 어떻게 할 상황이 안된다는 거임..?
ㅇㅇ 클라이언트에서 프록시 거는거 말고는 답 없음
프록시 거는건 프로덕션 배포하면 못쓰니까 근본적으로 cors 관련 해더를 추가하기는 해야함
땡큐 ㅎㅎ..
cors 좆같지
ㅋㅋㅋㅋㅋㅋㅋ 아
axios 쓰고 cors 옵션 설정해봄? - dc App
나 axios 쓰고는 있는데 이거 해결할 수 있는 옵션이 있었음??? ㅁㅊ
알랴줘..
https://qnrjs42.blog/react/react-cors
- dc App
고맙당!