码迷,mamicode.com
首页 > Web开发 > 详细

再也不用等后端的接口就可以调试了Json-server

时间:2020-06-06 21:45:51      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:通过   添加用户   测试工具   cat   分类   server   接口   下载   efault   

 推荐比较好用的一个接口测试工具 json-server

使用方法:

一:全局下载

npm install -g json-server

二:在任意位置创建 json问价 名字可以自定义 假设创建 test.json

打开cmd 任意路径都可以 输入json-server --watch .\test.json --port 8000 //默认开启3000端口 8000为自己配置的端口

这样在浏览器 输入localhost:8000 //例如下面的这个json文件

 "roles": [
      {
        "id": 1,
        "roleName": "超级管理员",
        "roleRight": [
          {
            "category": "文章管理",
            "list": [
              "文章列表",
              "创建文章",
              "文章预览",
              "文章分类"
            ]
          },
          {
            "category": "用户管理",
            "list": [
              "用户列表",
              "添加用户",
              "删除用户",
              "修改用户"
            ]
          },
          {
            "category": "权限管理",
            "list": [
              "角色列表",
              "权限列表",
              "添加角色",
              "修改角色",
              "删除角色"
            ]
          }
        ],
        "default": true
      },
      {
        "id": 2,
        "roleName": "管理员",
        "roleRight": [
          {
            "category": "文章管理",
            "list": [
              "文章列表",
              "创建文章",
              "文章预览",
              "文章分类"
            ]
          }
        ],
        "default": true
      },
      {
        "id": 3,
        "roleName": "小编",
        "roleRight": [
          {
            "category": "文章管理",
            "list": [
              "文章列表",
              "创建文章",
              "文章预览"
            ]
          }
        ],
        "default": true
      }
    ],

我可以在浏览器输入localhost:8000/roles拿到roles数组中的数据

同时通过ajax请求的时候可以通过axios.get("localhost:8000/roles") 拿到数据

axios.post("localhost:8000/roles",{

  "roleName":"小明"

}) 增加数据

axios.put("localhost:8000/roles/1",{

"roleName":"乔峰"

}) 修改数据 //其中1为id

axios.delete("localhost:8000/roles/2") 删除数据

那样前端就可以自己测试自己的代码逻辑是否正确,不必等后端的接口

 

再也不用等后端的接口就可以调试了Json-server

标签:通过   添加用户   测试工具   cat   分类   server   接口   下载   efault   

原文地址:https://www.cnblogs.com/bamboopanders/p/13056440.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!