[AWS S3] React S3 배포시 403, 404 에러 해결법

☁️ AWS/S3

10000COW 2022. 12. 1. 22:08

728x90

1번부터 하나씩 시도해보면서 그래도 안된다면 다음 번호로 넘어가면 됩니다.

1. 해당 S3 버킷 > 속성 > 정적 웹 사이트 호스팅 > 인덱스 문서와 오류 문서를 index.html로 설정

2. 해당 S3 버킷에 설정된 ColudFront > 오류 페이지 > 403, 404 다음과 같이 설정

(CloudFront 배포가 안되어있다면 에러가 나는 상황이더라도 CloundFront에 배포를 한 후에 설정하세요!)

3. 리액트 디렉토리 폴더 안의 .env 파일 삭제 (여기 안에 있는 public URL 때문에 오류 발생 가능)

S3 배포, CloudFront 배포는 다음 포스팅을 참고하시면 좋습니다.

AWS S3, CloudFront로 리액트(프론트) 배포하기

0. 들어가기 전에 0-1. 사전 준비 체크 리스트 리액트 프로젝트가 cra 나 vite 를 통해 리액트 프로젝트가 이미 만들어져있어야 합니다.aws 계정을 미리 만들어 둡니다.처음이라면 branch 를 따거나 fork

42place.innovationacademy.kr

728x90