localhost 에서 ssl 설정하기, 호스트(host) 변경하기

개발을 하다보면 localhost에서 ssl 접근이 필요한 경우가 있다.

이때 호스트 변경과 local ssl proxy를 사용하면 된다.

 

localhost host 설정 변경

$ vi /etc/hosts

편집모드를 키고 127.0.0.1 localhost 부분을 원하는 도메인으로 추가해준다.

 

나는 임시로 test.com 으로 설정했다.

 

로컬에서 local ssl proxy 설정

$ npx local-ssl-proxy --source 443 --target 3035

target에는 현재 열려있는 포트 번호를 넣어준다.

 

https://www.npmjs.com/package/local-ssl-proxy

local-ssl-proxy

 

 

 

react app에서 invalid host header 관련 에러

react app의 경우 npm script에 host 체크 설정을 추가한다.

DANGEROUSLY_DISABLE_HOST_CHECK=true

개발모드에서만 해당 옵션을 추가했다.

 

"scripts": {
    "start": "DANGEROUSLY_DISABLE_HOST_CHECK=true craco start",
    ...
}

 

 

https://{위에서 설정한 도메인}.com 으로 접속하면 이제 개발환경에서도 https로 접근할 수 있다.

ex) https://test.com