Access to script at '~~~' from origin 'null' has been blocked by CORS policy 오류 해결

html 파일을 로컬에서 실행하자 

Access to script at '~~~경로~~~' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

와 같은 오류가 나왔다.

해결방법

vscode기준, 터미널을 열고 http-server를 설치한다.

npm install http-server -g

그리고 http-server를 실행한다.

npx http-server

서버를 실행하면 오류가 사라진다.

 

 

 

참고) 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