강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

jumpingboys3274 のプロフィール画像
jumpingboys3274

投稿した質問数

VueでNodebird SNSを作成する

4-10. フロントと会員登録、ログイン連携する

withCredentials 옵션 추가 후 CORS 에러

作成

·

531

0

 

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

 

안녕하세요, 제로초님.

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

 

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

 

 

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

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

 

[backend > app.js 파일]

 

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

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

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

혹시 왜이런지 아실까요?

 

[frontend > store > users.js 파일]

withCredentials: true,

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

mysqlawsvuexnodejsvuejsssr

回答 1

2

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

 

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

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

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

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

 

jumpingboys3274 のプロフィール画像
jumpingboys3274

投稿した質問数

質問する