【发布时间】:2023-02-20 18:21:56
【问题描述】:
当我尝试创建新帖子enter image description here 时收到“500 内部服务器错误”。是什么导致了这个问题?如何解决?
CreatePost.jsx
const handleSubmit = async (e) => {
e.preventDefault();
if (form.prompt && form.photo) {
setloading(true);
try {
const response = await fetch("http://localhost:8080/api/v1/post", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(form),
});
const data = await response.json();
// alert("Success");
navigate("/");
} catch (error) {
alert(error);
} finally {
setloading(false);
}
} else {
alert("Please Enter a prompt / Generate an Image.");
}
};
在这里,我正在显示帖子
<div className="mt-18">
{loading ? (
<div className="flex justify-center items-center">
<Loader />
</div>
) : (
<>
{searchText && (
<h2 className="font-medium text-[#666e75] text-xl mb-3 ">
Showing results for
<span className="text-[#1b1c20]">{searchText}</span>
</h2>
)}
<div
className="grid lg:grid-cols-4 sm:grid-cols-3 xs:gird-cols-1
grid-cols-1 gap-3 "
>
{searchText ? (
<RenderCards data={[]} title="No Search results found" />
) : (
<RenderCards data={allPosts} title="No Post Found" />
)}
</div>
</>
)}
</div>
试图只渲染一个帖子,它仍然给出相同的 500 内部错误。请帮帮我。
【问题讨论】:
-
去检查错误日志必须说的内容。那是总是当您收到 500 错误时,您应该做的第一件事。
-
“在这里,我正在显示帖子”- 怎么那当您在创建新帖子时遇到问题时,这部分甚至与此处相关吗?您的问题来自
http://localhost:8080/api/v1/post尝试处理此请求时执行的任何代码。
标签: reactjs api mern cloudinary http-status-code-500