模拟数据 json-server 基本使用

模拟数据 json-server 基本使用

我们在开发中并不想使用简单的静态数据，而是希望自己起一个本地模拟请求以及请求回来的过程。json-server就是用来完成模拟数据的

注意 用来存放模拟数据的json文件必须要有一个id 否则添加可能会失败，修改json必须重启json-server服务

添加配置文件

"json-server": "json-server --watch src/mock/db.json --port 4000"

下载：npm install json-server -g

查看版本： json-server --version

1、在项目下创建一个mock的文件夹并且写入相关的数据.json

2、启动

json-server默认端口为3000 我们不能直接启动会和react脚手架冲突 所以我们启动的时候需要修改端口

1.cd 到mock文件夹路径下

2.json-server json的名字 --port 4000

3.在浏览器中测试一下 http://localhost:4000/数据的key

尝试在代码中进行数据请求

export  function server(){

    return new Promise((resolve,reject)=>{
        axios.get("http://localhost:4000/user")  
            .then((ok)=>{
                resolve(ok)
            }).catch((err)=>{
                reject(err)
            })
    })      
}

post添加数据

     return new Promise((resolve,reject)=>{
        axios.post("http://localhost:4000/user",
        {"name":"江流儿","age":14}  //发送的数据
        )  
            .then((ok)=>{
                resolve(ok)
            }).catch((err)=>{
                reject(err)
            })
    })      
}