문제 발생
로컬환경에서 api 요청시 중간에 환경변수에 저장된 BASE_URL 이 제대로 변경되지 않아 요청에 실패했습니다.
*만약 처음 환경변수를 선언후 적용이 안된다면
1. 리액트 .env 파일안에 환경변수 변수명의 접두사로 REACT_APP_ 를 쓰는 가?
2. 환경변수를 불러올 때 process.env. 를 쓰는 가?
process.env.
원인분석
1. vscode 껐다가 다시키기
2. console.log 찍기
3. 크롬 자동리다이렉트
4. 서버 탓하기
1. 서버 구성: 일반적으로 웹 서버(예: Apache, Nginx)는 설정 파일을 통해 어떤 프로토콜로 접속 요청을 받을지 결정합니다. 만약 HTTPS를 사용하도록 설정되어 있고 HTTP로 접속 요청이 오면, 서버는 자동으로 HTTPS로 리디렉션하도록 설정되어 있는 경우가 있습니다.
해결 방법: 웹 서버의 설정 파일을 확인하여 HTTP 요청을 받았을 때 HTTPS로 리디렉션하는 부분을 수정하거나 제거합니다. 이렇게 하면 HTTP로 접속하는 경우에도 더 이상 자동으로 HTTPS로 리디렉션되지 않습니다.
2. 내 문제?
3. 크롬의 문제
해결
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->