react, cors 그리고 chrome

보통 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 / 외주 / 용역

https://open.kakao.com/o/sNETgUJb

http://self-made.cloud