인프런 커뮤니티 질문&답변
작성한 질문수
게시물 업로드 시 userId가 undefined로 들어가는 오류
해결된 질문
작성
·
53
0
안녕하세요.
게시물 업로드 요청 시 500 Internal Server Error 에러가 발생합니다.
현재 코드에는 쿠키도 함께 전달되고, 네트워크 탭에서 확인해보면 formData 값도 정상적으로 전송되는 것으로 보입니다.
const onSubmit: FormEventHandler = (e) => {
e.preventDefault();
// formData 객체에 값 넣기
const formData = new FormData();
formData.append("content", content);
preview.forEach((item) => {
if (item) {
formData.append("images", item.file);
}
});
// 전송
fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/posts`, {
method: "post",
credentials: "include",
body: formData,
});
};
그런데 서버에서는 userId가 undefined로 들어가고 User 정보가 없다(?)는 오류가 발생합니다.
다른 분들의 Internal server error 관련 질문을 살펴봐도, 이 문제가 프론트에서 확인할 수 있는 부분인지 잘 구분이 되지 않아 질문드립니다.
제가 어디를 중점적으로 확인해보면 좋을까요?
답변 1
0
개미
질문자
제가 백엔드는 잘 알지 못해서 AI 도움을 받아 문제를 해결했습니다.
서버의 logged-in-guard.ts 파일에서, email 필드를 사용하던 부분을 id로 바꾸니 데이터가 정상적으로 들어오는 것을 확인했습니다.
request.user = {
...decoded,
// id: decoded.email,
id: decoded.id,
};아마 강의에서는 id를 email을 기준으로 불러오도록 되어 있었는데, 저는 NextAuth를 사용할 때 id를 토큰에 담아 사용했기에 오류가 발생한 것 같습니다.
callbacks: {
jwt({ token, user }) {
if (user) {
token.id = user.id as string;
}
return token;
},
session({ session, token }) {
session.user.id = token.id as string;
return session;
},
},일단은 위의 방법으로 문제를 해결했는데, 혹시나 제가 잘못 알고 있는 부분이 있다면 답변 부탁드립니다 :)
해외라서 답변을 못드렸네요. 해결하신 방법이 맞을겁니다!