mkcert - localhost를 https 환경으로 만들기 블로그와 Next.js, React(vite.js) 로컬 개발 환경 https 적용하기 블로그를 참고하여 로컬에서 https를 인증하는 방법 알아봤습니다. 블로그 내용과 달랐던 점은 webpack을 이용하여 인증서를 설정하거나, vite.config.js 파일의 defineConfig를 통해 https 설정을 추가하지 않는다는 점입니다.
저희는 staging 환경용으로 build를 하고, 만들어진 정적 파일을 serve 라이브러리를 통해 로컬에서 배포하여 테스트 하고 있습니다. 이때 vite를 통해 번들링 하고 있고, vite.config.ts는 build 이후에는 사용할 수 없습니다. 그래서 저희 프로젝트에서는 실제로 빌드된 파일을 서빙하는 serve 라이브러리를 통해 --ssl 옵션으로 설정하여 테스트하고 있습니다.
스테이징 환경을 사용하실 때 mkcert를 통해 로컬 인증서를 발급하시고 실행해주시기 바랍니다!
Seok93
commented
1 month ago
PR Type
What kind of change does this PR introduce?
Related Issues
What does this PR do?
Other information
참고 자료
mkcert
윈도우 패키지 매니저
mkcert - localhost를 https 환경으로 만들기블로그와Next.js, React(vite.js) 로컬 개발 환경 https 적용하기블로그를 참고하여 로컬에서 https를 인증하는 방법 알아봤습니다. 블로그 내용과 달랐던 점은 webpack을 이용하여 인증서를 설정하거나, vite.config.js 파일의 defineConfig를 통해 https 설정을 추가하지 않는다는 점입니다.저희는 staging 환경용으로 build를 하고, 만들어진 정적 파일을 serve 라이브러리를 통해 로컬에서 배포하여 테스트 하고 있습니다. 이때 vite를 통해 번들링 하고 있고, vite.config.ts는 build 이후에는 사용할 수 없습니다. 그래서 저희 프로젝트에서는 실제로 빌드된 파일을 서빙하는 serve 라이브러리를 통해 --ssl 옵션으로 설정하여 테스트하고 있습니다.
스테이징 환경을 사용하실 때 mkcert를 통해 로컬 인증서를 발급하시고 실행해주시기 바랍니다!
View