선생님 늪에 빠져버렸습니다.

jwt passwport를 사용해서 로그인 인증을 구현했는데요, 근데 마이페이지에서 새로고침하면 401 인증실패에러가 계속나옵니다.

isLoging 로직입니다.

const passport = require('passport');

module.exports = function isLogin(req, res, next) {
  passport.authenticate('jwt', { session: false }, async (err, user, info) => {
    // console.log(req.header('Authorization'));
    // passport.jwt token === undefined
    if (info) {
      return res
        .status(401)
        .json([{ msg: 'JsonWebTokenError: invalid signature' }]);
    }
    if (user) {
      req.user = user._id;
    }
    next();
  })(req, res, next);
};

passport로직입니다.

const passport = require('passport');
const User = require('../models/User');

const localStrategy = require('passport-local').Strategy;
const JWTStrategy = require('passport-jwt').Strategy;
const ExtractJWT = require('passport-jwt').ExtractJwt;

passport.initialize();
passport.use(
  new JWTStrategy(
    {
      secretOrKey: process.env.JWT_SECRET_KEY,
      jwtFromRequest: ExtractJWT.fromAuthHeaderAsBearerToken(),
    },

    async (token, done) => {
      console.log(token);
      try {
        return done(null, token.user);
      } catch (error) {
        done(error);
      }
    }
  )
);

passport.use(
  'signup',
  new localStrategy(
    {
      usernameField: 'userId',
      passwordField: 'password',
      passReqToCallback: true,
    },
    async (req, userId, password, done) => {
      try {
        const { nickname, avatar } = req.body;

        let user = await User.findOne({ userId });
        const userNickname = await User.findOne({ nickname });

        if (user) {
          return done(null, false, {
            errors: [{ msg: '아이디가 이미 존재합니다..' }],
          });
        }

        if (userNickname) {
          return done(null, false, {
            errors: [{ msg: '닉네임이 이미 존재합니다..' }],
          });
        }

        user = new User({
          userId,
          nickname,
          avatar,
          password,
        });

        await user.save();

        return done(null, user);
      } catch (error) {
        console.log(error);
        return done(error);
      }
    }
  )
);
passport.use(
  'login',
  new localStrategy(
    {
      usernameField: 'userId',
      passwordField: 'password',
    },
    async (userId, password, done) => {
      try {
        const user = await User.findOne({ userId });

        if (!user || user === null) {
          return done(null, false, {
            errors: [{ msg: '사용자가 존재하지 않습니다.' }],
          });
        }

        const validate = await user.isValidPassword(password);

        if (!validate) {
          return done(null, false, {
            errors: [{ msg: '패스워드가 일치하지 않습니다.' }],
          });
        }

        return done(null, user);
      } catch (error) {
        return done(error);
      }
    }
  )
);

module.exports = { passport };

위와 같이 코드를 짜놓고 저는 이런식으로 사용을해요

/** 게시글 작성 */
router.post('/', isLogin, upload.single('file'), async (req, res) => { ..}

/** 특정 게시글 수정하기 */
router.put('/:id', isLogin, upload.single('file'), async (req, res) => { ... }

위에 작성한 코드들은 모두 isLogin이 정상 작동합니다. 근데 아래코드만 좀 말썽이에요

/** 마이페이지에서 내가 쓴글 불러오기 */
router.get('/mypage', isLogin, async (req, res) => {...}

근데 웃긴건, passport.js 로직에 console.log(token);을 하면 해당 유저의 토큰과 ID를 잘 출력해주고있어요,

isLogin.js에서 
console.log(req.header('Authorization')); 를 해주면  마이페이지에서 새로고침하면 언디파인이뜨구요..
뭐때문에 그런걸까요? 코드를 계속 뒤져보고 잘못입력한게있나 찾아보고했는데..  잘모르겠습니다.. 

요약: 다른 페이지에서 passport jwt 인증은 잘되나, 마이페이지에서만 안됨
정확히는 마이페이지에 처음 들어갈떈 로그인인증 잘되지만 새로고침하면 인증실패로나옴

선생님의 이해를 돕기위한..ㅠㅠ (클릭)

혹시 선생님 제 전체코드가 필요하실까요?
https://github.com/jungsikjeong/newJeans