inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #12 토큰 생성 with jsonwebtoken

dispatch 로그인 구현 오류

229

water Yi

작성한 질문수 5

0

로그인을 구현하는 Loginpage.js에서 dispatch(loginUser(body)) ...... 이 부분에서 따로 에러메시지는 나지 않지만 로그인을 시도하면 

dispatch(loginUser(body)) 
            .then(response=>{
                if(response.payload.loginSuccess){
                    props.history.push('/'//리액트에서는 페이지 이동은 props.history.push를 사용.props는 LoginPage(props)인자로 줘야함
                }else{
                    alert('error');
                }
            })

        }

else 부분의 alert('error')만 브라우저에서 뜹니다.

회원가입은 정상적으로 잘 작동하는데 어느 부분이 잘못되었는지 아무리 봐도 모르겠습니다.

따로 에러메시지도 뜨지 않아 오류를 찾기가 힘드네요 ㅠ

저런 경우 어느 부분에서 막히는지 디버그 할 수 있는 방법이 있을까요? 

nodejs react

답변 1

0

John Ahn

안녕하세요 혹시 에러 로그가 어떤게 뜨는지 알수있을까요 ?!!

0

water Yi

처음에 질문을 드렸을떄는 어떠한 에러코드도 나오지 않았는데 뭘 만졌는지 이제 실행하면 

[0] Error: Expected "payload" to be a plain object.

[0]     at validate (C:\Users\su\Desktop\infran_node_react_practice\node_modules\jsonwebtoken\sign.js:40:11)

[0]     at validatePayload (C:\Users\su\Desktop\infran_node_react_practice\node_modules\jsonwebtoken\sign.js:62:10)

[0]     at Object.module.exports [as sign] (C:\Users\su\Desktop\infran_node_react_practice\node_modules\jsonwebtoken\sign.js:114:7)

[0]     at model.userSchema.methods.generateToken (C:\Users\su\Desktop\infran_node_react_practice\server\models\User.js:84:21)

[0]     at C:\Users\su\Desktop\infran_node_react_practice\index.js:80:18

[0]     at C:\Users\su\Desktop\infran_node_react_practice\server\models\User.js:72:13

[1] [HPM] Error occurred while proxying request localhost:3000/api/users/login to http://localhost:5000/ [ECONNRESET] (https://nodejs.org/api/errors.html#errors_common_system_errors)

[0] npm ERR! code ELIFECYCLE

[0] npm ERR! errno 1

[0] npm ERR! wonchae_practice@1.0.0 backend: `node index.js`

[0] npm ERR! Exit status 1

[0] npm ERR!

[0] npm ERR! Failed at the wonchae_practice@1.0.0 backend script.

[0] npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

[0] 

[0] npm ERR! A complete log of this run can be found in:

[0] npm ERR!     C:\Users\su\AppData\Roaming\npm-cache\_logs\2021-06-26T03_11_36_035Z-debug.log

[0] npm run backend exited with code 1

이렇게 나옵니다.

그래서 토큰을 주는 부분을 주석처리하고 데이터를 처리하면 

비밀번호와 아이디가 맞을떄 아무 에러코드도 뜨지 않으면서 데이터도 들어오지 않고 아무 실행이 되지 않네요...

제가 워낙 초보고 이해도가 낮아서 어떻게 해결을 해야할지 도통 감이 잡히지 않네요..

깃 이메일이랑 비번이 필요하다고 하네요

0

41

1

404 에러

0

106

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

122

1

로그인, 로그아웃, 토근 작동 안 함

0

243

0

9강 오류 어떻게 해결하나요?

0

195

1

localhost 에서 연결을 거부했습니다.

0

1950

4

포스트맨에서 true가 안떠요

0

153

1

왜 안되나요

0

130

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

245

1

로그아웃 401 에러(Unauthorized)

0

507

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

152

1

7강중에서

0

169

2

User.findByToken is not a function

0

214

1

루트 디렉토리

0

276

1

useState

0

565

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

880

6

webpack 관련 에러 질문

0

222

1

리액트 관련 질문

0

275

1

14강 로그아웃 안됨

0

322

1

mongoDB 데이터 확인하는 법

0

413

1

postman 에러

0

295

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

236

1

다음과 같은 에러들이 발생합니다.

0

278

1

14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.

0

380

1