로컬에서 CORS policy 관련 에러 해결 방법

js 기반으로 dashboar를 만들던 중 다음과 같은 에러가 자꾸 나타났다.

 

"origin 'null' has been blocked by cors policy: cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted."

 

CORS (cross-origin resource sharing) 은 동일한 출처에서만 리소스를 공유함을 의미한다

 

구글링을 해보니 크롬 브라우저에 

" --disable-web-security --disable-gpu --user-data-dir=~/tmp"

를 추가하면 된다고 하는데 나는 안됐다

 

그래서 찾은 해결 방법

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

 

$ npm install http-server -g 

 

그리고 서버를 실행한다

$ npx http-server

 

실행을 하면 로컬 ip가 나오는데 해당 위치에 들어가면 잘 되는것을 확인할 수 있다.