백엔드부분 cors문제 해결하기 강의부분 에러

2022-10-04T08:18:52.117Z

0

백엔드쪽에 콘솔도 넣어보고 에러메세지도 확인해보려고 했지만

localhost:3000 의 개발자도구에 백엔드에 작성한 콘솔은 아무것도 뜨지 않고,

localhost:3065 로 들어가서 확인해봐도 아래 사진과 같은 에러메세지가 나옵니다.

원인을 모르겠습니다ㅠㅠ

0

콘솔이라는 것은 터미널(명령 프롬프트, 파워셸 등)을 의미하는 겁니다. 브라우저 개발자 도구가 아니라요. localhost:3065 서버를 띄웠던 터미널에 에러가 있을 겁니다.

0

터미널 확인해봤는데 별다른 에러메세지는 없습니다ㅠㅠ

이게 전부에요,, 에러메세지라도 나오면 찾아볼텐데 나오지 않네요ㅠㅠ

0

터미널 띄운 후 브라우저에서 요청을 보내보신 것이 맞나요? 터미널에 아무런 요청 기록이 없네요.

0

require 부분이 첫번째 require단어의 아래쪽에 ... 이 나오고,

마우스 가져가보면 두번째 사진과 같은 메세지가 나옵니다

그래서 Quick Fix 버튼 누르니 자동으로 import로 바껴지길래

모든 파일들을 다 import로 바꿨더니

어떤 에러가 나왔고, 이 에러는 import로 변환하는 과정에서 직접 추가작업 해줘야 하는게 있는것 같은데

뭘 해야할지 몰라서 에러가 있음에도 일단 회원가입테스트를 다시 해봤습니다. 그랬더니

이번엔 리덕스데브툴즈에서 실패까지는 나옵니다 (실패이유는 제 생각엔 위에 적은 이유(import변환과정)때문에 실패나온것같아요)

기존 require로 했을 땐 실패/성공 둘다 안뜨고, 계속 로딩만 도는 상태 (리덕스데브툴즈 request만 있는 상태)였습니다

일단 다시 require로 코드를 되돌려놓은 상태입니다.

제 생각엔 require 밑에 ... 나오는것때문에 로딩만 계속 되는것 같은데

...을 없애려면 어떻게 해야 할까요?

0

아뇨 전혀 상관없는 문제입니다. import로 바꾸지 마세요. 함부로 바꿀 수 있는 게 아닙니다. 브라우저에서 요청이 백엔드 터미널에 기록되는지만 확인하세요.

0

아 그렇군요ㅠㅠ

백엔드 터미널에는 브라우저 요청이 따로 기록되진 않습니다

프론트 터미널은 확인해보니 아래 사진에 있는 경고가 나옵니다

리덕스데브툴즈는 여전히 리퀘스트까지만 나오고 success나 fail은 나오질 않네요ㅜ

+ 추가

계속 로딩상태로 지속되다가 결국 fail로 뜹니다

데브툴즈에도 실패로 나오고 따로 에러메세지나 이유같은건 안나오구요,

네트워크탭은 아래사진 첨부했습니다!

그리고, http://localhost:3065 를 주소창에 입력해서 접속하려고 하면 계속 로딩만 돌고 접속이 안됩니다

서버가 문제인것같은데.. 잘 모르겠습니다ㅠㅠ

0

백엔드서버 app.js 올려보세요.

0

백엔드 app.js 파일입니다!

확인해보려고 중간중간 콘솔 추가했습니다

(18번째줄 콘솔 'db연결성공' 과 50번째 줄 콘솔 '서버 실행 중'은 잘 뜹니다ㅠㅠ)

0

네 app.use(express.json()) 입니다.

제가 문제를 해결한 과정을 잘 기억하세요.

0

아 저 괄호때문이었군요ㅠㅠㅠ

넵 해결해주셔서 감사합니다~!

남은 강의들도 더 꼼꼼하게 잘 들을게요!