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

Posted 2020-12-09 竹子up

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

使用方法：

一：全局下载

npm install -g json-server

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

打开cmd 任意路径都可以 输入json-server --watch . est.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") 删除数据

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