react 로컬에서 https 적용

배포서버에 요청을 보내니 ⇒ net::ERR_SSL_PROTOCOL_ERROR

해당 에러가 발생했다. 나는 이유는 여러가지 였는데 일단 http와 https가 통신하면서 생긴 문제라고 하여 localhost를 https로 실행시키기로 하였다.

관리자모드로 cmd를 실행하여 아래 코드를 실행시키고

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command " [System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

mkcert -install

react 프로젝트가 있는 폴더에서 git bash를 관리자모드로 실행하여

mkcert "*.example.com" 127.0.0.1 ::1

를 실행시켜 키를 설정하고 package.json start에 해당 코드를 붙여주었더니 https로 react가 실행되었다.

"start": "set HTTPS=true&&set SSL_CRT_FILE=localhost+2.pem&&set SSL_KEY_FILE=localhost+2-key.pem&&react-scripts start",