로컬 테스트, CORS 오류 (Access to XMLHttpRequest at~has been blocked by CORS policy

며칠전 로컬에서 이것저것 테스트중에,

이상한 오류를 맞이했다.

 

 Access to XMLHttpRequest at 'https://127.0.0.1:16107/' from origin 'https://~' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.

 

안녕 처음보는 오류시키야.

 

 

네트워크를 보니

 

 

이렇게 요청url 이 적혀져있고

리퍼러 정책: strict-origin-when-cross-origin

 

이렇게 써져있는데  CORS 내용 찾아보니  cross origin resource sharing 의 약자라고 한다.

 

대충 오류문구만으로 생각드는건

교차 사이트 문제, 즉 출처가 다르다는 내용 같은데  나는 내 로컬에서 하고 있는데 무슨 출처..

 

요청 url 을 봐도 내 로컬 IP 인데??

 

정말 당황스러웠지만 틀려도 내가 틀렸지 크롬이 틀렸을리가 없다.

 

간단하게도 로컬에서는 정말 체크할게 별로 없잖아.

그래서 내가 테스트하는 도메인 주소를 봤다. (오리진이 다르다니까..)

 

 

[결론]

park.com:8090 으로 시작하는 로컬도메인을 쓰고 있었는데 설마 이게 문제일까.

호스트 파일에서 잘 설정해둔것인데.

 

그래서 주소를 http://127.0.0.1:8090/ 으로 변경해봤다.

 

그러니 정상 작동 된다.  ㅎㅎㅎㅎㅎㅎㅎ

 

왜지?  왜 같은 아이피의 도메인을 인식을 못하니 ㅠㅠㅠㅠㅠ

로컬만 그런것일테니까 일단 이것으로 종료한다.

 

이것도 삽질 2시간 걸림.

 

로컬에서 CORS 오류 발생시 시도하는 url 을 확인해보도록 하자. 쓸데없이 도메인 쓰지말자.