模拟数据 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)
})
})
}