인프런 커뮤니티 질문&답변

김예란님의 프로필 이미지
김예란

작성한 질문수

Vue로 Nodebird SNS 만들기

4-10. 프론트와 회원가입, 로그인 연동하기

withCredentials 옵션 추가 후 CORS 에러

작성

·

433

0

 

** 답글에 해당 현상에 대한 해결법 남겨두었습니다.**

 

안녕하세요, 제로초님.

강의를 들으며 따라 하고있는데 같은 부분에서 1시간째 막혀 있어서 질문 남겨봅니다.

 

프론트 코드에 withCredentials 옵션을 추가한 후부터 하단의 그림과 같이 CORS 에러가 나기 시작했습니다.

 

 

강의와 똑같이 백엔드에 cors 옵션을 추가했습니다.

하다하다 안되어 제로초님 깃헙의 코드를 그대로 복붙했는데도 똑같이 cors에러는 계속 나는데 왜이럴까요..?

 

[backend > app.js 파일]

 

프론트에서 옵션을 withCredentials 추가한 후로 계속 나네요. 

저 옵션을 빼면 로그인이 잘 됩니다.

프론트에 쿠키를 전달하려면 이 옵션을 사용해야 한다고 하여서 해보는 중입니다만 막막하네요..

혹시 왜이런지 아실까요?

 

[frontend > store > users.js 파일]

withCredentials: true,

위 옵션을 로그인에서 제거를 한다고해도, 로그아웃 할 때도 추가하면 똑같이 cors에러떠서 로그아웃이 pending이 걸려버리더라구요..

답변 1

1

김예란님의 프로필 이미지
김예란
질문자

https://www.zerocho.com/category/NodeJS/post/5a6c347382ee09001b91fb6a

 

구글 검색 결과 제로초님 블로그 글을 참고해 보니까

제가 개발하면서 따로 크롬브라우저에 cors 해제하는 플러그인을 깔아두었는데, 해당 플러그인이 자동 실행되는 바람에 에러가 났던걸로 확인이 되었습니다.

해당 플러그인을 꺼버리니까 정상동작하네요..ㅠㅠ

혹시나 저와 같은 버그를 겪으실 분을 대비해서 글은 지우지 않고 그대로 남겨두겠습니다!

 

김예란님의 프로필 이미지
김예란

작성한 질문수

질문하기