submodules=gl 사용 시 localhost에서 인증이 실패합니다.

[dront]

안녕하세요, 네이버 지도 사용하여 개발하고 있습니다.

웹서비스 url에 위와 같이 로컬 개발 주소를 등록했고, 서브모듈 gl을 같이 import 하지 않았을 때에는 인증이 잘 되나, 아래와같이 submodules=gl 포함 시 인증이 실패합니다.
근데 또 신기하게 http://localhost:3000가 아니라 http://127.0.0.1:3000으로 들어가면 잘 되더라구요 ㅠ
 

<script

src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=********&submodules=gl"

strategy="beforeInteractive"

/>

[kkokko.jeong]

안녕하세요. 

공식 문의 채널로 문의주셨는데, 해결되셨을까요?

로컬에서 테스트 시 재현되지 않았습니다.

[dront]

아 넵 안녕하세요, 해결되지는 않아서 gl 관련 로컬 개발 시 127.0.0.1:3000으로 개발 중입니다.

로컬에서 3개 브라우저로 테스트해보았습니다. (크롬, 파이어폭스, 엣지)

3개 브라우저 중 "크롬"만 localhost:3000으로 접근하면 95% 비율로 GET http://oapi.map.naver.com/v3/props 요청에서 CORS가 발생합니다.

크롬 브라우저만 요청 헤더에 Origin값이 안실어져 있는데 이와 관련된 것 같기도 합니다.

- 크롬 요청 헤더 스크린샷

 

- 파이어폭스 요청 헤더 스크린샷


- 엣지 요청 헤더 스크린샷

[kkokko.jeong]

상세 설명 감사합니다. 

제 PC 에서는 헤더 Origin 이 정상적으로 들어가있네요. 혹시 크롬 시크릿모드에서도 재현될까요? 

+ 주변 개발자분들도 동일하게 재현되는지 확인해주시면 감사하겠습니다.

 

브라우저단에서 Origin 을 제거하는거라서 코드단에서 따로 제어할 수가 없네요.

[dront]

안녕하세요, 크롬 시크릿모드에서는 문제가 없는 것을 확인하고

크롬 데이터를 초기화했더니 request header origin 문제가 해결되어 localhost에서도 정상 작동합니다.

생각지도 못한 원인이었네요... 감사합니다!

[kkokko.jeong]

잘 동작한다니 다행입니다.

개발 시 이슈있으면 포럼이나 공식 문의 채널로 문의주시면 답변드리도록 하겠습니다. (편하신 채널로 문의주시면 됩니다.) 

감사합니다.