Presigned URL으로 S3 Bucket 업로드할 때 CORS 이슈 (http://localhost:3000)

 

✔️ 필요성

presignedURL으로 S3 Bucket에 이미지를 업로드하고 싶다. 그런데 로컬에서 개발할 때 CORS 이슈로 500에러가 나면서 업로드가 안된다. 

 

 

 

✔️ 문제 확인

지금까지의 CORS 이슈를 해결할 때.. proxy라는 것을 써서 프론트에서 해결할 수도 있다고 하지만 삽질만 엄청 했고, 결국 백엔드/서버 쪽에서 CORS를 열어주는 방식이 가장 편했다.

 

 

 

✔️ 문제 해결

AWS 콘솔로 들어가서 업로드할 Bucket으로 이동한 뒤 권한에 가서 다음과 같이 CORS 정책을 수정해준다.

 

http://localhost:3000에서 들어오는 PUT/POST/DELETE method를 막지 않겠다는 정책을 작성해준다

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "http://localhost:3000"
        ],
        "ExposeHeaders": []
    }
]

 

✔️ 문제 해결

끝 ~