json-server 使用

json-server 是用来模拟后端接口返回的数据结构和请求操作的

<https://github.com/typicode/json-server&gt;

使用全局安装

npm install json-server -g

json-server 会将一个json文件作为数据库来存储数据,对json数据的格式是有要求的,如data.json的内容:

{
  &quot;tb1&quot;: [
    {
      &quot;id&quot;: 1,
      &quot;title&quot;: &quot;标题1&quot;,
      &quot;author&quot;: &quot;描述信息1&quot;
    },
    {
      &quot;id&quot;: 2,
      &quot;title&quot;: &quot;标题2&quot;,
      &quot;author&quot;: &quot;描述信息2&quot;
    }
  ],
  &quot;tb2&quot;: [
    {
      &quot;id&quot;: 1,
      &quot;body&quot;: &quot;some comment&quot;,
      &quot;postId&quot;: 1
    }
  ],
  &quot;tb3&quot;: {
    &quot;name&quot;: &quot;typicode&quot;
  }
}

启动服务:

json-server --watch data.json

启动成功后,提示信息如下:

$ json-server --watch data.json

  \{^_^}/ hi!

  Loading data.json
  Done

  Resources
  http://localhost:3000/tb1
  http://localhost:3000/tb2
  http://localhost:3000/tb3

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database
  Watching...

得到tb1所有的数据 GET: <http://localhost:3000/tb1&gt;

根据id得到数据 GET : <http://localhost:3000/tb1/2&gt;

添加一条数据 POST: <http://localhost:3000/tb1&gt;

删除一条数据 DELETE: <http://localhost:3000/tb1/2&gt;

模糊查找 GET : http://localhost:3000/tb1?title_like=标题

根据id修改数据 PUT: <http://localhost:3000/tb1/1&gt;

> 注意:json-server 严格遵循 HTTP 请求语义进行数据处理

声明:该文章系转载,转载该文章的目的在于更广泛的传递信息,并不代表本网站赞同其观点,文章内容仅供参考。

本站是一个个人学习和交流平台,网站上部分文章为网站管理员和网友从相关媒体转载而来,并不用于任何商业目的,内容为作者个人观点, 并不代表本网站赞同其观点和对其真实性负责。

我们已经尽可能的对作者和来源进行了通告,但是可能由于能力有限或疏忽,导致作者和来源有误,亦可能您并不期望您的作品在我们的网站上发布。我们为这些问题向您致歉,如果您在我站上发现此类问题,请及时联系我们,我们将根据您的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。