개발 서버에서 HTTPS 사용하기 (React, Vite)

https://web.dev/how-to-use-local-https/

로컬 개발에 HTTPS를 사용하는 방법

👆 그냥 여기 나와있는대로 따라하면 쉽고 빠르게 할 수 있음.

 

★★★ Vite 쓰는 경우엔 여기서 한 단계 더 필요함.

프로젝트에 vite-plugin-mkcert 이거 설치하고 vite config의 plugins 목록에 mkcert() 추가

 

ㄴㅇㅅㄴㅇㅅ

(윈도우에서는 package.json의 개발 서버 시작 스크립트에서 HTTPS=true SSL_CRT_FILE=localhost.pem SSL_KEY_FILE=localhost-key.pem <- 이 부분이 없어야 정상적으로 실행됨.)