Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response. error 해결법

ionic2 프로젝트에 http로 데이터를 주고받을 때 header에 값을 넣어 준 뒤

ionic serve로 구동 시

Access to XMLHttpRequest at '***api url***' from origin 'http://localhost:8100' has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.

오류가 났었다.

찾아보니 ionic serve로 구동 시에만 그런거고 모바일에선 문제없다고 한다.

웹에서 문제 있는 소스를 모바일로 구동해보니 잘 돌아가는 것을 확인했다.

그리고 그 답변에서 웹에서도 되려면 아래 링크에서 크롬 확장 프로그램을 설치하면 된다고 한다.

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

출처 : https://forum.ionicframework.com/t/http-post-request-error-no-access-control-origin-in-ionic/106029/4

---

2019/07/25 - [개발/ionic2, Angular] - ionic에서 https release error, CORS(Access-Control-Allow-Headers) error 해결법

위 답변과 달리 핸드폰에도 문제 있을 때는 위 포스팅을 참고하시길 바랍니다!