CrowKing77077

<h1 style="text-align: left"><strong>고생하시는 분들 있는 것 같아서 공유드립니다!</strong></h1><p style="text-align: left">&nbsp;</p><h2 style="text-align: left"><strong>문제원인</strong></h2><ul><li><p style="text-align: left">NextAuth v5에서 Edge Runtime을 사용할 때 jsonwebtoken 라이브러리의 Node.js crypto 모듈 사용으로 인한 호환성 문제</p></li></ul><h2 style="text-align: left">해결방법</h2><ol><li><p style="text-align: left"><code>jsonwebtoken</code> → <code>jose</code> 라이브러리로 교체</p></li><li><p style="text-align: left"><code>auth.ts</code> 의 jwt 내용을 다음과 같이 수정</p></li></ol><p style="text-align: left">&nbsp;</p><pre><code class="language-typescript">...
import { SignJWT, jwtVerify } from "jose";
import { JWT } from "next-auth/jwt";

...

jwt: {
    encode: async ({ secret, token }) => {
      const secretKey = Array.isArray(secret) ? secret[0] : secret;
      return await new SignJWT(token)
        .setProtectedHeader({ alg: "HS256" })
        .setExpirationTime("1h")
        .sign(new TextEncoder().encode(secretKey));
    },
    decode: async ({ secret, token }) => {
      const secretKey = Array.isArray(secret) ? secret[0] : secret;
      if (!token || !secretKey) {
        throw new Error("Token or secret is missing");
      }
      const { payload } = await jwtVerify(
        token,
        new TextEncoder().encode(secretKey)
      );
      return payload as JWT;
    },
  },</code></pre><p style="text-align: left">&nbsp;</p>

CrowKing77077

Posts