next.js api route data 공백 현상

Question

안녕하세요 next.js 독학하면서 프로젝트를 만들고 있습니다.app/signUpPage/page.tsx에서 api/user/route.ts를 통해 백엔드에 axios post를 하고 싶은데 자꾸 req가 빈값이 들어갑니다. 어떻게 해야하나요? 제가 많이 부족해서 지금 3일을 쩔쩔 매고 있습니다 ㅠㅠ..... const onSubmit &#61; async (valuse: submitProps) &#61;> { const data &#61; { email: valuse.email, name: valuse.name, nickName: valuse.nickName, password: valuse.password, }; axios .post(&#34;http://localhost:8080/auth/sign-up&#34;, data, { headers: { &#34;content-Type&#34;: &#34;application/json&#34;, }, }) .then((res) &#61;> { console.log(res.data); }) .catch((res) &#61;> { console.log(res.response.data); }); };import axios from &#34;axios&#34;; import { NextResponse } from &#34;next/server&#34;; export async function POST(req: Request) { try { const data &#61; req.body; await axios.post(&#34;http://localhost:8080/auth/sign-up&#34;, data); return NextResponse.json({ message: &#34;POST 요청이 성공했습니다.&#34; }); } catch (error) { console.error(&#34;POST 요청 처리 중 오류 발생:&#34;, error); return NextResponse.error(); } }

pinion · Answer

제가 nextjs 쌉 초보이긴하지만 혹시라도 도움 될 수 있으니 댓글 남겨봅니다타입을 잘못임폴트하신것같습니다.import { NextApiRequest, NextApiResponse } from "next";위와같은 타입으로 해보세용

next.js api route data 공백 현상

1개의 답변

#axios 목록