json-server的使用,配合postman以及axios的基本使用

json-server的使用,配合postman
mock(模拟)假数据
利用json-server进行简单的增删改查的自测
json-server:零编码起一套增删改查的接口
基本步骤:

  1. 安装 npm i json-server -g
  2. 准备一个 json 文件 都是双引号
{
  "todos": [
    {
      "id": 1,
      "name": "吃饭",
      "flag": true
    },
    {
      "name": "跳广场舞",
      "flag": false,
      "id": 2
    },
    {
      "name": "喝酒",
      "flag": true,
      "id": 4
    },
    {
      "name": "跳一跳",
      "flag": false,
      "id": 5
    }
  ]
}
  1. json-server 文件名 启动接口
    json-server的使用,配合postman以及axios的基本使用_第1张图片

提供的是一套 restful 风格的接口,使用resources这个接口地址
如果里面有另外一个数组,就会
!!!这是后台 打开了是不能关闭的!!!
地址都是 http://localhost:3000/todos 只是请求的类型不同,根据请求的方式进行区分

  • 查询: get
  • 增加: post
  • 删除: delete
  • 修改: put / patch
  • put:全量修改,要改全部改
  • patch:局部修改,打补丁的方式进行修改
    postman 的基本使用
    使用 postman 测试接口
    post / put / patch 参数都要在请求体中传递, 需要选中 x-www-form-urlencoded

axios 的基本使用

以前发送 ajax 的方式 …

axios 暴漏了一个全局变量, 就是 axios

  axios({
    // method 请求方式
    // url: 请求地址
    // data: 请求数据  post 请求 和 put 请求 patch 的参数
    // params: 设置的参数 (get请求 和 delete 请求)
  })

你可能感兴趣的:(vue,配合件的使用,vue)