본문 바로가기 메뉴 바로가기

개발과 일상

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

개발과 일상

검색하기 폼
  • 분류 전체보기 (275)
    • 개발 (221)
      • AI (17)
      • AWS&인프라 (61)
      • 데이터베이스&캐시 (16)
      • Kotlin&JAVA (26)
      • SPRING (38)
      • 뭔지모르면여기 (46)
      • 코딩테스트 (16)
    • 일상 (51)
      • 책&강의후기 (12)
      • 대외활동 (20)
      • 생각정리 (7)
      • 여행 (12)
      • 경제? (0)
  • 방명록

Preflight Request (1)
AWS CloudFront + S3 에서 발생한 CORS 문제 해결하기

문제 상황FE에서는 그동안 CloudFront URL로 만들어진 이미지 URL을 BE로부터 전달 받아서 img 태그에 넣어주기만 했었다. 그런데 이번 개선으로 이미지를 다운로드를 받아서 사용할 일이 생겼다. 그런데 웬걸 CORS 에러가 발생하기 시작했다. FE에서는 fetch를 이용해 이미지를 blob형태로 받으려 했고, 이 과정에서 CORS가 발생했다고 한다. 이 문제의 원인을 찾아가는 과정이다. 문제 분석1. CloudFront에서 특정 HTTP Method를 막아놨나?- 이전에 CloudFront로 POST 요청이 필요한 경우가 있었는데, 이 Method가 막혀 있을 때 비슷한 에러가 났었다.그러나 fetch는 GET 방식이고, CloudFront에서 GET 방식은 무조건 열려있다.  2. S3의 ..

개발/뭔지모르면여기 2024. 10. 21. 15:37
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • elasticsearch
  • CloudFront
  • docker
  • CORS
  • EKS
  • AOP
  • AWS
  • 티스토리챌린지
  • AWS EC2
  • springboot
  • GIT
  • object
  • 스프링부트
  • terraform
  • 후기
  • JWT
  • S3
  • java
  • 후쿠오카
  • lambda
  • Log
  • 람다
  • cache
  • ChatGPT
  • 오블완
  • Spring
  • ecs
  • serverless
  • OpenAI
  • Kotlin
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바