Ionic - $ http 모바일 장치에서 작동하지만 브라우저에서 CORS 및 프리 플라이트 오류가 표시됨 [SOLVED]

Question

Ionic 프레임 워크를 사용하여 모바일 앱을 개발 중입니다. (크롬, 파이어 폭스, ...), 내가 프리 플라이트 요청에

응답을 얻고 나는 $ HTTP (사용자 정의 헤더 POST)를 사용하고 내가 이온

을하려고하면 브라우저에서

를 제공 액세스 제어 검사를 통과하지 못했습니다. 'Access-Control-Allow-Origin'헤더가 요청 된 리소스에 없습니다. 따라서 원본 'null'은 액세스가 허용되지 않습니다. 응답의 HTTP 상태 코드는 405입니다.

오류입니다. 나는 같은 크롬 CORS 플러그인을 활성화하려고하면, 내가 프리 플라이트에 대한

응답을 얻고 것은 잘못된 HTTP 상태 코드 405

오류가 있습니다.

그러나 모든 것을 내가

이온 실행 안드로이드

또는

이온 실행 IOS

무엇을하고를 사용하여 내 모바일 (안드로이드/IOS)에 설치하면 작동 내 브라우저가 $ http를 제한하고 내 모바일에서 허용하는 이유는 무엇입니까? Webview는 브라우저와 다른가요? 정보

:는 - 나는 코르도바 플러그인 (기본값) 사용하고 - 콘솔 장치로 SplashScreen, 상태 표시 줄, 화이트리스트, 키보드

여기 좀 도와주세요. 적절한 이해가 없으면 단순히 모바일 앱을 제작할 수 없습니다. 미리 감사드립니다.

편집하는 것은 1

나는 사용자 정의 헤더 요청을 처리 REST API를 사용하고 있습니다. 오랫동안 네이티브 android 앱에서 잘 돌아가고 있기 때문에 지금 API 코드를 수정할 수 없습니다. 이슈는 내가 이오닉을 사용할 때이고 놀랍게도 삼성 탭과 IPad에서 작동합니다 (라이브 리로드 모드없이 실행하는 경우).

내가 알고 싶은 것은 브라우저가 내 브라우저를 제한하고 내 모바일 장치가 작동하도록하는 것입니다.

휴대 기기의 WebView에 브라우저와 같은 보안 정책이 설정되어 있지 않습니까?

Answer 1

내 모바일 앱이 정상적으로 작동하지만 브라우저에서는 작동하지 않는 이유는 무엇입니까?

필자의 이오닉 프로젝트에서 cordova-plugin-whitelist를 사용하고 있습니다. 애플리케이션 웹뷰를 탐색하기위한 화이트리스트 정책을 구현합니다. check source

브라우저를 작동 시키려면 my ionic.config.json에 프록시를 정의하십시오. 그러나 이것은 단지 주위의 일입니다. 프로덕션을 위해 API 호출을 명시 적으로 허용하도록 서버를 만들어야합니다.- check source

Answer 2

@Naveen은 이온이 원의 HTTP 헤더의 처리 브라우저 사이 인앱 차이점에 대해 블로그 종이를 썼습니다 : http://blog.ionicframework.com/handling-cors-issues-in-ionic