[네트워크] strict-origin-when-cross-origin 오류 해결

하이브리드 앱을 개발하다 보니 다양한 상황에서 예상치 못한 이슈가 발생한다.

특히 네트워크 부분은 지식이 많지 않다보니, 네트워크 관련 이슈 발생 시 항상 고전하고 있다.

 

오늘은 네트워크의 크로스필터(strict-origin-when-cross-origin) 이슈를 알아보자.

 

네트워크 조건

노트북 네트워크는 사내 내부망에 물려있다.

테스트 디바이스 네트워크는 노트북의 테더링으로 물려있다.

 

문제 현상

하이브리드 프론트를 노트북의 브라우져 에뮬레이터에서 API 호출 시 strict-origin-when-cross-origin 발생

하이브리드 앱을 모바일 디바이스에 설치 후  API 호출 시 정상 동작

 

 

결국 이 부분에 대한 해결책은 서버쪽에서 크로스 필터 예외 처리를 해주거나 실제 디바이스에서 테스트 하는 2가지 방법 밖에는 없는 것으로 결론 내렸다.

 

그러나 서버 크로스 필터 정책 수정은 보안 위협이 될 수 있기 때문에 실제 디바이스에서 최대한 개발하고 디버깅 하는 것으로 개발 방향을 정하였다.