mock模拟数据
在我们开发中如果后端忙,我们该怎么办进行拿数据呢?
我们可以json-server 利用mock模拟数据
json-server 通过mock服务器可以拿到数据
首先需要全局安装json-server
npm install -g json-server
然后就可以在任意地方创建自己模拟的数据
{
"list": [
{
"id": 1,
"text": "aaa"
},
{
"id": 3,
"text": "ccc"
},
{
"text": "ddd",
"id": 4
}
],
"users": [
{
"name": "admin",
"password": 123
}
]
}
然后再创建的数据下通过以下代码启动服务器
json-server --watch ./test.json --port 8000
- –watch 监听数据改变会重新启动服务器
- –port 8000 为了避免端口号冲突可以自己设置端口号
这样接口就都出来了
假如你访问
http://localhost:8000/list/1
就直接访问的id是1的数据
http://localhost:8000/list
这样访问的是list的属性
最厉害的是可以直接实现增删查改
get 获取
axios.get("http://localhost:8000/list/1").then(res=>{
console.log(res.data)
})
post 添加
axios.post("http://localhost:8000/list",{
text:"小明"
}).then(res=>{
console.log(res.data);
})
put 更新
axios.put("http://localhost:8000/list/5",{
text:"修改了"
}).then(res=>{
console.log(res.data)
})
delete 删除
axios.delete("http://localhost:8000/list/5").then(res=>{
console.log(res.data)
})