react, cors 그리고 chrome

개발, 코딩/React

Websterking 2019. 10. 31. 15:39

보통 react에서 rest api를 통해 작업을 하게된다.

만약 나 또는 내 그룹에서 작업하고있는 rest api 서버라면 문제없지만

firebase, kakao, naver 등의 rest api를 이용함에있어 cors문제를 한번쯤 겪게된다.

chrome에서 보안 정책상 기본적으로 cors를 방지하고있기 때문이다.

이럴때는 chrome확장도구 중 "CORS:Allow CORS: Access-Control-Allow-Origin"라는 확장도구가있다

요놈을 설치해 ON해주면 문제없이 테스트를 진행할 수 있다

(이놈 때문에 무려 6시간을 삽질했다)

그런데,

중요한것은 사실 저것이 아니다.

클라이언트(웹 브라우저)에서 Reat API를 서버로 요청할때는 axios, fetch등이 아닌 a태그의 href를 이용해야한다.

query parameters들을 href="...url?accessToken=something ...." 과 같이 해서 요청하면 된다.

웹사이트 개발 / 홈페이지 제작 / android앱 개발 / ios 앱 개발 / server / client / aws / fullstack / buisness partner / 외주 / 용역