TIL 41일차

오늘 BE와 FE 서버 통신을 하였습니다 진행 도중 CORS에러가 발생하였고 프론트에서 CORS 에러를 해결하는 방법이 axios에인스턴스 생성해서 헤더를

교차 출처 리소스 공유 (CORS)
교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 
HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 
선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. 
웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 
교차 출처 HTTP 요청을 실행합니다.

공식문서 : https://developer.mozilla.org/ko/docs/Web/HTTP/CORS

const instance = axios.create({
  baseURL: "http://3.34.2.228:8080",
  headers: {
    "Access-Control-Allow-Origin": "*",
  },
});

이렇게 해주면 프론트쪽 CORS는 해결된다 하지만 이렇게 해줘도 CORS에러가 뜨면
BE쪽에서 문제이다!