mixed content
-
React환경에서 S3에 배포 후 새로고침 에러project/main 2023. 3. 23. 22:51
에러 React 환경에서 작성된 코드를 S3에 정적 웹페이지 배포를 하고 배포된 페이지에서 새로고침을 하게되면 발생하는 에러이다. 원인 React에서 작성된 Route의 path를 배포된 환경에서는 사용할 수 없기 때문이다. 시도 Cloud Front사용 Cloud Front를 사용하면 특정 에러 발생시 새로운 주소로 리다이렉션이 가능해진다. 새로고침시 주소가 올바르게 서버 주소로 요청을 보내는게 확인됐지만 Cloud Front로 배포할 경우 배포주소 시작이 https가 된다. 이 말은 보안 때문에 http에 요청을 보내고 응답을 받을 수 없다는 말이다. index.html에 아래의 코드를 넣으라는 방법도 해봤지만 빌드하고 배포하는 순간 페이지가 검게 변하는 현상이 생겼다. 출처:https://velog..