cors 에러 ㅜㅜ

Question

안녕하세요 프론트엔드 개발자입니다.이번에 백엔드 개발자분과 로그인 기능을 구현하고 있는데 httpOnlyCookie를 사용하려고 합니다.이때 프론트엔드에서는 fetch 를 할 때 credential: &#34;include&#34; 를 포함시켜서 보내야 한다는 것을 알았습니다.그런데 이렇게 하니 access-control-allow-origin: &#34;*&#34; 는 이 요청을 처리할 수 없다고 떠서 백엔드에서 프론트쪽 출처를 직접 적어줘야 할 것 같습니다.지금 백엔드 코드는 실제 도메인에서 움직이고 있습니다. ec2서버에 올라가있는 상황이고, 저는 그냥 제 컴퓨터에서 하고 있습니다.이때 백엔드에서 localhost:3000 을 출처로 추가해줘도 저는 다른 컴퓨터니까 localhost로 인식하지 못하는거 아닌가요?백엔드 코드가 돌아가는 서버에서 프론트 코드를 돌려야 localhost 로 인식하는거 아닌가요?결론적으로 백엔드에서 localhost:3000을 출처로 추가해줘도 CORS가 해결되지 않고 있습니다.

カワウソ · Answer

CORS는 브라우저에서 판단하기 때문에 생각하시는 것과는 약간 다릅니다. 여러가지 이유가 있을 수 있지만 크롬과 같은 브라우저에서 쿠키의 SameSite의 기본값이 Lax인 관계로 쿠키 도메인과 연관되어있을 가능성이 있습니다. 세션 인증을 처리하는 쿠키의 속성이 어떻게 되어있는지를 체크해서 관련 정보들을 검색해보세요.⁕ 보안적인 방법은 아니지만 SameSite를 None로 전달하여 테스트해보는 방안도 있어요.

crnmst · Answer

host파일 수정하면 될거 같은대요

하얀뼈 · Answer

backend에서는 192.168.9.4:3000 이런식으로 실제 클라이언트 돌리는 컴퓨터의 ip를 추가해주거나local.example.com:3000을 추가하고 윈도우 host 파일 건드려야 합니다그리고 클라이언트도 주소창에 ip 혹은 주소를 쳐서 개발을 해야하구요

Constant · Answer

프론트엔드 공인 서버 IP를 적어주거나 프론트엔드 엔진에서 프록시서버 기능으로 우회적으로 IP를 백엔드 IP로 바꿀 수 있는 기능도 있습니다. &#34;프론트엔드 프록시서버 CORS&#34;라고 검색해보세요.

codl23 · Answer

모두 감사합니다!! 말씀주신대로 하나씩 시도해보겠습니다!

cors 에러 ㅜㅜ

5개의 답변

Q&A 목록