mock模拟数据

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)
        })