英文:

Error 500 when request POST - Next JS 13 app directory

问题 {#heading}

我创建了一个简单的路由来创建用户。
当我发送请求时，我收到错误消息：500 Internal Server Error。

日志显示：

错误 TypeError：res.status 不是一个函数
    在 POST (webpack-internal:///(rsc)/./app/api/register/route.ts:33:20)
    在异步评估 (webpack-internal:///(rsc)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:254:37)

我的路由位于 app/api/register/route.ts 中，
而我的组件在 app/components/Connextion.tsx 中调用了该路由。

以下是我的组件：

function Connexion() {
    const [hasAccount, setHasAccount] = useState<boolean>(true);
    const [email, setEmail] = useState<string | null>(null);
    const [password, setPassword] = useState<string | null>(null);
    const [confirmPassword, setConfirmPassword] = useState<string | null>(null);
const register = useCallback(async () =&gt; {
    try {
        if (password !== confirmPassword) Notifier(&quot;密码不匹配&quot;, &quot;error&quot;);

        await axios.post(&quot;/api/register&quot;, {
            email,
            password,
        });
    } catch (error) {
        console.error(error);
    }
}, [email, password, confirmPassword]);

return (

[...]

这是我的路由：

import bcrypt from "bcrypt";
import { NextApiRequest, NextApiResponse } from "next";
import prismadb from "@/lib/prismadb";
export async function POST(req: NextApiRequest, res: NextApiResponse) {
try {
if (req.method !== "POST") return res.status(405).end();
const { email, password } = req.body;
    const existingUser = await prismadb.user.findUnique({
        where: {
            email,
        },
    });

    if (existingUser) return res.status(422).json({ error: "电子邮件已存在。请登录。" });

    const hashedPassword = await bcrypt.hash(password, 12);

    const user = await prismadb.user.create({
        data: {
            email,
            hashedPassword,
            image: "",
            emailVerified: new Date(),
        },
    });

    return res.status(200).json(user);
} catch (error) {
    return res.status(400).json({ error: `出现错误：${error}` });
}

};

在POSTMAN上发送的请求返回相同的错误。

我犯了什么错误？非常感谢！ 英文:

I creating a simple route to create a user.
When I send the request I get error : 500 Internal Server Error.

The logs shows :

 error TypeError: res.status is not a function
    at POST (webpack-internal:///(rsc)/./app/api/register/route.ts:33:20)
    at async eval (webpack-internal:///(rsc)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:254:37)

I have my route in app/api/register/route.ts
And my component calling the route in app/components/Connextion.tsx

Here is my component :

function Connexion() {
    const [hasAccount, setHasAccount] = useState<boolean>(true);
    const [email, setEmail] = useState<string | null>(null);
    const [password, setPassword] = useState<string | null>(null);
    const [confirmPassword, setConfirmPassword] = useState<string | null>(null);
const register = useCallback(async () => {
    try {
        if (password !== confirmPassword) Notifier("Passwords do not match", "error");

        await axios.post("/api/register", {
            email,
            password,
        });
    } catch (error) {
        console.error(error);
    }
}, [email, password, confirmPassword]);

return (

[...]

And my route :

import bcrypt from "bcrypt";
import { NextApiRequest, NextApiResponse } from "next";
import prismadb from "@/lib/prismadb";
export async function POST(req: NextApiRequest, res: NextApiResponse) {
try {
if (req.method !== "POST") return res.status(405).end();
const { email, password } = req.body;
    const existingUser = await prismadb.user.findUnique({
        where: {
            email,
        },
    });

    if (existingUser) return res.status(422).json({ error: "E-mail already exists. Login instead." });

    const hashedPassword = await bcrypt.hash(password, 12);

    const user = await prismadb.user.create({
        data: {
            email,
            hashedPassword,
            image: "",
            emailVerified: new Date(),
        },
    });

    return res.status(200).json(user);
} catch (error) {
    return res.status(400).json({ error: `Something went wrong: ${error}` });
}

};

The request on POSTMAN returns the same error.

Where is my mistake ? Thank you very much

答案1 {#1}

得分: 1

在下面的13行代码中，你可以在路由处理程序中使用 NextResponse：

import { NextResponse } from 'next/server'
export async function GET(req: NextApiRequest) {
// 这里是你的逻辑
const user = await prismadb.user.create({
data: {
email,
hashedPassword,
image: "",
emailVerified: new Date(),
},
});
return NextResponse.json({ user }, {status: 200})
}

英文:

In next 13 you can use NextResponse in route handlers:

import { NextResponse } from 'next/server'
export async function GET(req: NextApiRequest) {
// Here your logic
const user = await prismadb.user.create({
data: {
email,
hashedPassword,
image: "",
emailVerified: new Date(),
},
});
return NextResponse.json({ user }, {status: 200})
}