HTTP-SERVER

개요

간단하게 http-server 만들 수 있다.

사용 이유

테스트 용 웹 페이지 만들 때 JavaScript에서 XMLHttpRequest 사용했는데 아래와 같은 에러 메세지 확인

Access to XMLHttpRequest at 'file:///C:/Users/content.html' from 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.

로컬에서 로컬 파일 리소스를 요청할 때는 origin(출처)이 null로 넘어가기 때문에 CORS에러가 발생한다.

따라서 간단한 웹서버를 만들어 해결하기로 했다.

사용 방법

• 설치

npm insatall http-server -g

• 서버 실행

npx http-server

npx http-server [path] [options]

| -p

--port 사용 포트 8080

-a	사용 주소	0.0.0.0
-d	디렉터리 목록 표시	true
-i	자동 인덱스 표시	true
--cors	Access-Control-Allow-Origin헤더를 통해 CORS 활성화
-h또는--help	사용법 확인
-v또는--version	버전 확인

• 서버 종료

ctrl-c

https://velog.io/@takeknowledge/로컬에서-CORS-policy-관련-에러가-발생하는-이유-3gk4gyhreu