【W(wǎng)angQi】---json-server---基本使用

一、前后端并行開發(fā)的痛點

　　前端需要等待后端開發(fā)完接口以后 再根據(jù)接口來完成前端的業(yè)務(wù)邏輯

二、解決方法

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

?

　　5、新增數(shù)據(jù)

　　

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

　　　　　　　　　　　

　　　6、刪除數(shù)據(jù)

　　　　　　

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

　　　　　　　　　　　　

　　　7、修改數(shù)據(jù)

　　　　

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

　　　　　　　　　　　　

　　　　　　　　　　　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/wangqi2019/p/10616650.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。