REST API 和 json-server的简单使用

API分类

1. REST API : restful

   • 1.1发送的请求进行CRUD是由请求方式决定的 例如你发一个删除的请求就是对应的DELETE，POST对应的是添加，PUT对应的是更新，GET对应的是获取
   • 1.2 特点 ：同一个请求路径会对用多个操作
   • 1.3 请求的方式有 GET/POST/PUT/DELETE

2. 非REST API ：

   • 请求方式并不决定请求所作的操作
   • 一个请求路径只对应一个操作
   • 一般只有GET/POST

json-server

• 用来快速的搭建一个REST API的工具包

• npm install -g json-server //下载全局的这个包
  
  

• 创建db.json文件 内容如下：

  {
    "posts": [
      { "id": 1, "title": "json-server", "author": "typicode" },
      { "id": 2, "title": "mmm", "author": "xxx" }
    ],
    "comments": [
      { "id": 1, "body": "some comment", "postId": 1 },
       { "id": 2, "body": "some comment", "postId": 2 }
    ],
    "profile": { "name": "typicode" }
  }
  

• 然后cmd切换到该目录下使用json-server --wacth db.json 命令启动 json-server

• 然后这几个接口就相当于已经开启了可以访问 localhost:3000/posts, localhost:3000/comments, localhost:3000/profiles 查看数据当然他也支持params参数的形式 例如localhost:3000/posts/1它会找到这样一组数据

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

• 当然这个只是它的一点用处，接下来说一下restapi的使用

  1. get请求
     

  2. post请求
     
     插入一条数据

  3. put请求
     
     更新 修改数据

     注意这里发的请求会有两个请求 options请求（预检请求），这个是因为跨域导致的， 因为我们的后台使用cors允许了跨域了，这个请求就是 问一下服务器 允许跨域么？允许ok，不允许就会失败。

     而且这个请求并不是每次都会发送这个请求，这个预检的结果 只会存在5秒（chrome中），超过5秒会再次发这个options请求。

     并且这个请求 并不只是再put中有再 post和delete中也会有

  4. delete请求

     删除某条数据

• 这个我们就可以看出rest api的好处， 一个地址我们可以发送CRUD4个请求 操作。