/pages/api/auth/[...nextauth].js 파일을 작성하였고,
/app/layout.jsx에서 SessionProvider를 감쌌습니다.(아래 코드)
"use client";
import { SessionProvider } from "next-auth/react";
export default function RootLayout({ children }) {
return (
<SessionProvider>
<html lang="ko">
<body>{children}</body>
</html>
</SessionProvider>
);
}
/pages/api/summoner.js의 코드는 아래와 같이 작성하였습니다.
export default async function handler(req, res) {
const session = await getSession({ req });
console.log("session:", session)
if (!session || !session.user) {
return res.json({ code: 401, message: "Expired Session" });
}
const { method } = req;
if (method === "GET") { 내용 생략 }
if (method === "POST") { 내용 생략 }
}
제가 겪고 있는 문제는 아래와 같습니다.
GET /api/summoner (페이지 접속 시, useEffect으로 요청) <- 새로고침해서 페이지 접속할떄마다 console.log("session:", session)가 잘 찍히는데,
POST /api/summoner 요청할떄만 console.log("session:", session)가 null 값으로 찍히고, 아래와 같은 에러 문구가 뜹니다.

안될거면 GET, POST 둘 다 안되던가, 왜 GET일떈 되고, POST일떈 안되는지 모르겠습니다.ㅠㅠ