我想阅读 fetch 的正文。这是我发送的内容:
fetch('/api/foo', {
method: 'POST',
body: new FormData(formRef.current),
});
现在我只需要解析正文。但我不知道怎么办。我无法在服务器端使用
FormData
,因为它显示 ReferenceError: FormData is not defined
。而且我也不能像在客户端上那样使用 forEach
。
我该怎么办?
export default function sendMail(req: NextApiRequest, res: NextApiResponse): void {
// console.log(req.body instanceof FormData);
// req.body.forEach(console.log);
console.log(req.body['name']);
res.status(200).json({});
}
你可以使用强大。
npm install formidable
然后在您的代码中使用
import { NextApiRequest, NextApiResponse } from 'next'
import { Formidable } from "formidable";
//set bodyparser
export const config = {
api: {
bodyParser: false
}
}
export default async (req: NextApiRequest, res: NextApiResponse) => {
const data = await new Promise((resolve, reject) => {
const form = new Formidable();
form.parse(req, (err, fields, files) => {
if (err) reject({ err })
resolve({ err, fields, files })
})
})
//return the data back or just do whatever you want with it
res.status(200).json({
status: 'ok',
data
})
}
如果您使用NextJS的
route-handlers
,您可以执行以下操作:
export async function POST(request: NextRequest) {
const formData = await request.formData();
const email = formData.get('email');
const password = formData.get('password');
return NextResponse.json({
message: 'Logged in successfully'
});
}