CORS

CORS

<script type=module>

import와 export문은 모듈 내에서만 사용할 수 있다.

스크립트를 모듈로 선언하려면 <script> 요소에 type을 module로 해야하는데 로컬에서 실행시 자바스크립트 모듈 보안 요구로 CORS 에러가 발생한다.

 

로컬의 리소스를 요청할 때 origin은 null이므로 null/ 에서 리소스를 요청하는 것이다.

 

해결

npm install http-server -g

vscode에 http-server을 설치해 준다.

 

npx http-server

http://127.0.0.1:8080

해당 폴더를 서버에 올리고 위 URL로 접속한다.

 

npx http-server -p 원하는 포트넘버

다른 포트넘버로도 실행할 수 있다.

 

수정 파일 적용 방법

코드를 vscode에서 편집하면 브라우저 캐쉬에 적재된 이전의 JS, CSS 파일을 사용하기 때문에 새로운 파일이 적용되지 않는 경우가 발생한다.

검사의 network에서 disable cache를 체크해 준다.

 

 

 

<출처>

https://velog.io/@takeknowledge/%EB%A1%9C%EC%BB%AC%EC%97%90%EC%84%9C-CORS-policy-%EA%B4%80%EB%A0%A8-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%B0%9C%EC%83%9D%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3gk4gyhreu

 

https://imnotabear.tistory.com/430