英文:
Error 500 when request POST - Next JS 13 app directory
问题
我创建了一个简单的路由来创建用户。
当我发送请求时,我收到错误消息: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 () => {
try {
if (password !== confirmPassword) Notifier("密码不匹配", "error");
await axios.post("/api/register", {
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
在下面的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})
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论