codestates / codestates/AllForYou
[Error] 이재영 / 2022-01-21~ 22
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
### 어떤 에러인가요?
* S3 : This XML file does not appear to have any style information associated with it. The document tree is shown below.
### 에러 핸들링 방법
* React와 같은 SPA를 통해 S3 - CloudFront 배포를 하게되면 Redirect문제가 발생한다. Access Denied 방지방법으로는
CloudFront Distributions에서 자신의 CloudFront ID를 클릭하여 상세정보를 열람한다. 그 후 Error Pages 탭으로 이동하고 Creaet Custom Error Response버튼을 클릭한다.
해당 이미지와 같이 HTTP Error Code를 403으로 설정하고 TTL을 5초로 설정한다. 그리고 Response Page Path와 Response Code를 설정해준다.
403 뿐 아니라 404도 똑같이 만들어주면, 이렇게 된다.
### 에러 핸들링을 위해 참고한 레퍼런스 링크
* [링크](https://velog.io/@_junukim/CloudFront%EB%A1%9C-React%EC%95%B1-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0-2)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.