1.全局安装cnpm install json-server -g 2.建立一个文件夹dataserver,建立文件data.json----------文件夹和文件都是自己定义的在文件夹中打开终端,json-server data.json 运行,生成接口 json-server实现数据的增删改查 增
//------------------------json-server------------ //模拟的接口只支持get请求,不支持post //增:增数据时用post,这里的post不是请求的方式,而是json-server增数据的方式
created() {
axios({
method: "post",
url: "http://localhost:3000/list",
data: {
//增的数据
username:"王五",
age:30
}
}).then((data)=>{
//成功的回调函数,返回的是增加的数据
console.log(data);
});
put实现改,只能根据id进行修改,put会将数据里面的所有数据都覆盖, patch:只会修改数据中的某一个 axios({
method: "put",
url: "http://localhost:3000/list/1",
data: {
//根据url中的id进行修改
username:"赵六",
age:30
}
}).then((data)=>{
//成功的回调函数,返回的是增加的数据
console.log(data);
});
查,,get实现查 axios({
method: "get",
// 查询指定id的内容
// url: "http://localhost:3000/list/1",
//查询所有的内容
// url: "http://localhost:3000/list",
//条件查询
// url: "http://localhost:3000/list?age_gte=30",
// 模糊查询
url: "http://localhost:3000/list?q=张",
}).then((data)=>{
//成功的回调函数,返回的是查到的数据
console.log(data);
});
//删deleteaxios({
method:"delete",
//根据id进行删除
url: "http://localhost:3000/list/2",
}).then((data)=>{
console.log(data);
})
}
来源:http://www./content-4-125201.html
|