[220906] - #7

김루루룽·2022년 9월 7일
0

어제 폭풍을 뚫고 집에 가면서 내일은 얼마나 험난한 날이 될까 걱정했는데

아침에 일어나니 무슨 일 ..?
너무나 화창하고 맑았다.

<단톡방에 반석님이 올려주신 사진>

아침에 와서 어제 해결하지 못한 쿠키에 refreshToken을 담는 작업을 했다.
네트워크를 보니

옆에 ⚠️ 표시가 있어서 혹시나 하고 https로 도메인을 만들어 줬다

SSL을 발급하는데 인증이 진짜 너무너무 오래걸렸다... 🥲 30분 기다림

그리고 다시 로그인을 했더니

아주 잘 들어온다.
코드에 문제가 있었던 것이 아니라 http에서 안들어 왔던 것! ㅜㅜ

문제를 해결해서 너무 다행이다

채팅을 구현하고 있다.
CORS에러와

WebSocket connection to 'ws://localhost:3095/socket.io/?EIO=3&transport=websocket' failed: Invalid frame header

에러가 떴다.

CORS 설정을 해준 것 같은데 왜 뜨는 걸까 ㅜㅜ

this.socket = io('http://localhost:3000/chat', { transports: ['websocket'] });

뒤에 transports: ['websocket']
을 넣어주니 CORS에러가 사라졌다.

WebSocket connection ... 에러는
프론트의 웹소켓 버전과 백엔드의 웹소켓 버전이 맞지 않아서 생기는 에러

프론트에의 웹소켓 버전을 4.X로 해줬더니 연결이 잘 됐다.

우선 1차적인 에러를 잡고 채팅을 열 수 있어서 마음이 가볍다.

이제 1:1 채팅을 할 수 있게 구현을 해주면 될 것 같다!

조금 구조적으로 다시 생각해봐야 할 것 같다 ㅜ
어렵다 어려워!!!

profile
1day 1push..plz

0개의 댓글