为什么react post到localhost不工作?(模拟API)

Question

我将使用fetch函数发送一个"post"使用模拟API。然而，文章没有发送，404错误继续出现。

不可能在本地主机上发布吗?

<WriteSubmitButton onClick={onDiaryPost}> Make ! </WriteSubmitButton>

const onDiaryPost = (e) => {
e.preventDefault();
fetch('http://localhost:3000/data/diaryList.json', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
date: write.date,
title: write.title,
text: write.text,
}),
})
.then(res => res.json())
.then(res => {
if (res.success) {
alert('add new something');
}
});
};

为什么找不到404 ?

Answer 1

不能在本地json文件上使用POST。您可以在本地机器上创建一个基本的json-server。这是非常简单的和可用的。你只需要安装它

npm install -g json-server

then start it

json-server --watch diaryList.json

更多信息请查看他们的文档:https://github.com/typicode/json-server