【WangQi】---json-server---基本使用

一、前后端并行開發的痛點

　　前端需要等待后端開發完接口以后 再根據接口來完成前端的業務邏輯

二、解決方法

在本地模擬后端接口用來測試前端效果 這種做法稱之為構建前端Mock 三、json-server的基本使用 (1)、全局安裝 cnpm install json-server -g (2)、準備json文件 (data.json) json-server data.json 四、基本使用 1、GET 請求所有數據 localhost:3000/list 2、GET 請求指定ID的數據 localhost:3000/list/1 3、GET 請求指定字段值的數據 localhost:3000/list?name=李四&name=張三 4、GET 模糊查詢 localhost:3000/list?q=張三

?

　　5、新增數據

　　

axios({ method:"post", url:"http://localhost:3000/list", data:{ username:"張三", password:"33" } })

　　　　　　　　　　　

　　　6、刪除數據

　　　　　　

axios({ method:"delete", url:"http://localhost:3000/list", data:{ username:"張三", } })

　　　　　　　　　　　　

　　　7、修改數據

　　　　

axios({ method:"put", url:"http://localhost:3000/list", data:{ username:"張三", } })

　　　　　　　　　　　　

　　　　　　　　　　　　

?

轉載于:https://www.cnblogs.com/wangqi2019/p/10616650.html

總結

以上是生活随笔為你收集整理的json-server-----》基本使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。