T_era

[Firebase] CORS 정책 - 2 본문

Programing/Html

[Firebase] CORS 정책 - 2

블스뜸 2025. 4. 9. 09:57
from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.

위와같은 오류가 떠서 방법을 찾아봤다
원인으로는 웹서버를 통하지 않고 파일을 통해 직접 웹사이트를 열었을 때 발생하는데

웹사이트 주소가 이런식으로 파일의 형태일 때를 말한다

그래서 crossorigin="anonymous"같은 속성도 사용해봐도 효과가 없었고
해결하기 위해 github의 page기능을 사용해 배포형태로 하여 웹사이트를 열어서 하니까 해결이 되긴하는데..
수정하고 실행해보는 과정이 너무 피곤해서 다른방법을 찾아보다 찾은 원인이

<script type="module" src="HTML_Project/javaScript/firebase.js"></script>

위와 같이 다른 js파일을 작성하고 불러오는 과정에서 발생하는 것
그래서 해당파일의 내용을 사용할 페이지에서 직접 작성해서 구현하니 해결이 됐다.

결론적으로, "from origin 'null'" 오류는 요청을 보내는 주체가 유효한 웹 출처가 아니기 때문에 발생하는 문제여서
crossorigin 속성은 이 문제를 해결할 수 없었고, HTML 파일을 웹 서버를 통해 실행하여 유효한 Origin을 갖도록 해야했다.
그래서 로컬서버를 직접 등록할 수 없는 상황이라 firebase.js파일을 메인페이지 script태그에 직접 작성해서 해결했다

'Programing > Html' 카테고리의 다른 글

[JavaScript] submit과 click  (0) 2025.04.09
[JavaScript] 서로 다른 스크립트 참조하기  (0) 2025.04.09
[Firebase] CROS정책 - 1  (0) 2025.04.08
Firebase를 프로젝트에 적용하기  (0) 2025.03.19
Firebase 시작하기  (0) 2025.03.19