HTTP ERROR 431 : failed to load resource the server responded with a status of 431 () 해결

failed to load resource the server responded with a status of 431 ()

프로젝트 진행 도중 갑자기 한 유저로 로그인을 하면 위와 같은 에러가 나고 아예 사이트로 접근이 불가능해졌다.
이 에러가 발생하기 바로 직전 더미 데이터로 테스트를 하려고 MongoDB에 상품 1000개를 넣었다. 그러고 나서 에러가 발생!!

원인 - NextAuth를 사용 중인데 로그인을 할 때 users collection에서 해당 user의 정보를 다 가져와 jwt token에 저장을 한다. 방금 1000개의 더미 데이터를 넣으면서 해당 user의 document에 상품의 ID를 넣는다. 그러면 로그인을 할 때 user document의 data를 다 가져오려하고 데이터가 너무 커서 에러가 발생한다.

 async jwt({ token, user, account, trigger, session }) {
      if (user) {
        token.user = user;
        if (user.email === process.env.ADMIN_EMAIL) token.admin = true;
      }
      if (account) {
        token.access_token = account.access_token;
        token.provider = account.provider;
      }
      if (trigger === 'update' && session !== null) {
        const { openChatUrl, image, nickname, nicknameChangedAt, recentSearches } = session;
        if (openChatUrl) token.user.openChatUrl = openChatUrl;
        if (image !== undefined) token.user.image = image;
        if (nickname) token.user.nickname = nickname;
        if (nicknameChangedAt) token.user.nicknameChangedAt = nicknameChangedAt;
        if (recentSearches) token.user.recentSearches = recentSearches;
      }
      return token;
    },

해결 - 다행히 token에서 products 필드는 사용하지 않고 있어서 기존의 user 전체를 저장하는 코드를 products 필드를 빼고 저장

    if (user) {
        delete user.products;
        token.user = user;
        if (user.email === process.env.ADMIN_EMAIL) token.admin = true;
      }

 

처음 보는 에러라서 처음에 당황했지만 다른 에러들보다 훨씬 해결하기 쉬웠다!!