codestates / codestates/Lumiere

[에러 핸들링] react-aws-s3 cors에러 (bad request 400)

Open
#234 0 comments 0 reactions 1 assignee Claimed by @developerjhp View on GitHub
Completed Error
Dominant language
TypeScript
Stars
7
Forks
4
PR merge metrics
No merged PRs in 30d

Description

내가 생각하기엔 경우의 수는 대충 다섯가지 정도 있었다.
코드문제거나, IAM권한 문제거나, .env에 환경변수를 잘못썻거나, 서버cors처리문제, s3권한문제 이 다섯가지밖에 없는 것 같았다. 그래서 하나씩 찾아보기로 했다.
1. 코드문제인가?를 확인해보기 위해서 이전에 썻던 코드랑 비교해봤다. 이상이 없었다.
2. IAM은 분명히 s3에 full access권한을 주었다.
3. 서버 cors는 '*'로 해두었다.
4. .env가 잘못된건가 싶어서 .env안에 내용을 이전에사용했던 s3로 바꿔봤다. 어..? 왜 잘 보내지지!!?

그러면 혹시 s3권한문제인가??

s3버킷에 들어가서 하나씩 보던 중
![](https://images.velog.io/images/developerjhp/post/2470143c-c8c9-4a87-9b54-855e0ca6b487/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-12-06%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.37.09.png)

객체 소유권이 "버킷 소유자 적용"으로 되어 있는 것을 알게되었다.. 아..쒸

그래서 이걸

![](https://images.velog.io/images/developerjhp/post/53b3dcb2-069b-4d03-ad0b-21ed10a2300c/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-12-06%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.41.31.png)

이렇게 바꿔주면!!?
![](https://images.velog.io/images/developerjhp/post/e1a0ac60-96eb-417f-82c0-9042e538c860/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-12-06%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.38.02.png)

잘 보내진다!!
항상 에러를 해결하고나면 너무 기쁘다!! 히히

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.