티쳐.. passport jwt 코드 질문있습니다.

[정중식]

passport jwt 코드 구현을 했습니다. 아래 순서로요

쿠키에 토큰을 저장하는대신에
1. 서버에서 로그인시, 프론트로 토큰 전달
2. 프론트는 받은 토큰을 로컬스토리지에 저장한후, axios.default.header[Authorization]= 로컬스토리지.token 값저장
3. 프론트는 다시 서버에 토큰을 보냄
4. 서버는 프론트에서 보낸 토큰값을 비교해서 인증

근데.. 아래처럼 코드를 짰고 postman으로 하면 콘솔출력은 잘되거든요?






근데 왜 프론트에서 토큰을 보내면 맨위의 사진 jwt passport.use() 이부분에서 콘솔출력이 아예 안되요.. console.log('테스트'); 
이런게 아예 출력이안되는거보니까 먹통인거같은데 왜그런걸까요?

먼저 제 서버 코드입니다.

passport JWT 미들웨어
https://github.com/jungsikjeong/newJeans/blob/master/src/middleware/auth.js

get /api/auth/


프론트 코드

setAuthToken.js



App.js


Home.js
(여기서 /api/auth get요청을함)



💨최종 발언..💨

포스트맨에서 테스트할때
Header => key: Authorization ,value: 토큰값 
이렇게할때 잘 작동했으니
프론트에서 axios.header[Authorization]=token값을 넣어주면 passport.use('jwt')를 거치고 /api/auth/ get으로 가서 또 코드를 동작할거라고 생각했는데
passport.use()는 먹통이됩니다. 

아래사진처럼 이렇게 콘솔을 찍어보면.. 콘솔에 토큰값은 잘출력되는데말이죠.. 
혹시 passport 사용방법이 틀렸는지 봐주실수있을까요?
제 전체 코드를 저장해놓은 깃허브주소입니다.
부탁드립니다..ㅠㅠㅠ
https://github.com/jungsikjeong/newJeans

[정중식]

홀리쓋 해결했어요!
    axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; 
프론트에서 보내줄때 Bearer을 안붙여줬군여..

[글쓴이]

글