我的JSON服务器从Typicode更新ReactJS中的数据库

Question

我最近一直在尝试使用typicode中的json服务器来使用伪造的API。使用假API对我来说是一件新鲜事，所以我的问题可能会有点奇怪。

我是否理解这个假的API服务器的概念，我可以用ReactJS中的后请求更新数据库？还是数据库从未通过post请求更改，而我只在控制台日志中得到结果？

特别是，我试图通过发布请求将表单数据从表单发布到我的json服务器。

到目前为止谢谢！

我用来发布数据的代码：

axios.post(`my-url`, { user })
.then(res => {
console.log(res);
console.log(res.data);
})
}

Answer 1

我假设您正在使用json服务器包并使用类似的服务器。在这种情况下，成功的POST请求将被保存在您提供给服务器的文件中，如果您没有提供任何特定的文件，则保存在默认文件中。

如果你想使用json-server并使更改持久化，你可以使用它的npm包：

npm install -g json-server

然后，在项目目录中创建一个db.json文件，并提供要使用的数据结构：

{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
]
}

如果您没有提供db.json文件，它会在您启动服务器时自动创建。所以，这取决于你。

然后，您应该启动服务器：

json-server db.json

服务器将在端口3000上，如果有另一个应用程序在该端口上运行，您可以在启动时指定端口：

json-server db.json -p 3001

现在，您可以向http://localhost:3001/posts发出请求。只需查看有关请求的文档即可。

Answer 2

您不能向该服务器发出发布请求https://my-json-server.typicode.com/${github用户名}/${github回购}/$｛事件}，

截至此响应时，您只能发出get请求，我建议您在本地机器上使用JSON服务器。

在项目文件夹上创建一个db.json文件

示例将类似内容添加到文件

{
"events": [
{
"id": 123,
"category": "animal welfare",
"date": "January 28, 2022",
"time": "12:00",
},
{
"id": 456,
"category": "nature",
"date": "January 30, 2022",
"time": "11:00",
},
}

运行npm install-gjson服务器和json服务器--监视db.json以提供使您的请求所需的baseUrl