T_era
[Firebase] CORS 정책 - 2 본문
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 |