再也不用等后端的接口就可以调试了Json-server
推荐比较好用的一个接口测试工具 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") 删除数据
那样前端就可以自己测试自己的代码逻辑是否正确，不必等后端的接口