
[JS] from origin 'null' has been blocked by CORS policy: 에러..
FrontEnd/JavaScript
2022. 3. 4. 22:43
오늘 Vue를 만지작 거리고 있는데, 다음과 같은 에러가 났다. 내 PC에 있는 내가 만든 저 testInstance.js를 쓰려는데, CORS에러가 뜨는 것.. 즉 SOP가 보안 때문에 막았으니 허용을 해줘라 인데, 내 로컬에서 내가 만든 파일을 내가 쓰겠다는데 뭐가 보안에 걸려서 허용하라는 건지 이해가 되지 않았다. 도메인이라도 다르면 그럴 수 있다 생각하고 프록시라도 걸어줄텐데... 그래서 여기저기 찾아보니, 저기 type="module" 이놈이 문제였다 type을 module로 설정한 태그가 포함된 HTML 파일을 로컬에서 로드할 경우 자바스크립트 모듈 보안 요구사항으로 인해 CORS 오류가 발생한다는 것이다. 즉, type이 module인 태그를 포함하는 HTML파일을 로컬에서 실행하면 보안에 ..