[AWS/S3] This XML file does not appear to have any style information associated with it. The document tree is shown below 에러

에러 메시지

This XML file does not appear to have any style information associated with it. The document tree is shown below

상황

S3 이미지 업로드는 성공했는데, 프론트에서 조회하니 이미지가 보이지 않는 문제가 발생했다.
이미지 url로 직접 이동하면, 아래와 같은 에러가 나타났다.

해결

bucket 정책에서 퍼블릭 액세스가 차단되어 있어서 생긴 문제였다.
Amazon S3 > 버킷 > 버킷 이름 클릭 > 권한 > 버킷 정책에 아래 내용을 붙여넣었다.

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::your-bucket-name/*"
        }
    ]
}

이렇게 하면 객체에 대한 액세스 차단 설정을 해제할 수 있다.

이미지 조회 성공

참고 블로그: https://wing-beat.tistory.com/178