我的JSON服务器来自ReactJS中的Typicode更新数据库
我最近一直在尝试使用来自typicode的json服务器处理一个伪API。使用假API对我来说是相当陌生的,所以我的问题可能有点奇怪 我是否正确理解了这个伪API服务器的概念,即我可以用ReactJS中的post请求更新数据库?或者数据库从未通过post请求更改,而我只在控制台日志中获得结果 特别是,我试图通过post请求将表单数据从表单发布到MyJSON服务器 谢谢你 我用于发布数据的代码:我的JSON服务器来自ReactJS中的Typicode更新数据库,json,reactjs,api,json-server,Json,Reactjs,Api,Json Server,我最近一直在尝试使用来自typicode的json服务器处理一个伪API。使用假API对我来说是相当陌生的,所以我的问题可能有点奇怪 我是否正确理解了这个伪API服务器的概念,即我可以用ReactJS中的post请求更新数据库?或者数据库从未通过post请求更改,而我只在控制台日志中获得结果 特别是,我试图通过post请求将表单数据从表单发布到MyJSON服务器 谢谢你 我用于发布数据的代码: axios.post(`my-url`, { user })
axios.post(`my-url`, { user })
.then(res => {
console.log(res);
console.log(res.data);
})
}
我假设您使用的是包和服务器。在这种情况下,您发出的成功POST请求将保留在您提供给服务器的文件中,如果您不提供任何特定文件,则保留在默认文件中 如果您想使用
json服务器
并保持更改,可以使用其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
。只需检查请求。您无法向此服务器发出post请求
在做出此响应时,您只能发出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安装-g json服务器
和json服务器——观察db.json以提供发出请求所需的基本URL是的,没错,我使用的是您提到的json服务器。正如我正确理解的那样:成功提交后,我的post请求应该在json文件中可见?确实如此。这就是安装和使用服务器的全部要点。好的,我在这里安装了它:安装有什么问题吗?因为我的发帖请求不会改变任何东西,这是他们提供的其他东西。我说的是当地的npm方案。你完成他们解释的说明了吗?比如在Github上创建一个repo并在那里创建一个
db.json
文件?顺便说一下,如果你想更新你的问题,不要添加答案。只需编辑您的问题并在那里进行更新。他们是这么说的:“为了能够在这个阶段向尽可能多的人提供免费服务,这个项目有一些限制:更改是伪造的,不会持久化(就像JSONPlaceholder)”。。。因此,如果使用此方法,更改不会持久化。