1达椰、安裝node時(shí)發(fā)現(xiàn)最新版不支持win7,改用12.18.1墙懂,默認(rèn)安裝就好键畴,安裝完可用node -v 查看node版本,npm-v,查看npm版本
2驻右、打開(kāi)命令行安裝json-server什黑,命令: npm install -g json-server ,安裝完可用json-server -v查看版本
3堪夭、然后隨便在哪新建一個(gè)文件夾愕把,在此文件夾打開(kāi)命令行拣凹,運(yùn)行npm init ,一路回車(chē)全使用默認(rèn)
4恨豁、在初始化的項(xiàng)目中安裝json-server:npm install json-server --save嚣镜,然后我們?cè)谛陆ǖ奈募A下就會(huì)看到一個(gè)package.json 文件
5、新建一個(gè)db.json文件橘蜜,測(cè)試的數(shù)據(jù)可以寫(xiě)在這個(gè)文件里
6菊匿、使用json-server --watch db.json 啟動(dòng)這個(gè)文件,啟動(dòng)成功后會(huì)顯示用哪個(gè)地址訪問(wèn)计福,一般是http://localhost:3000跌捆,加db就是查看db這個(gè)文件的所有數(shù)據(jù),http://localhost:3000/db象颖,如果db里有對(duì)象也可以直接輸入http://localhost:3000/對(duì)象名查看
7佩厚、可以修改package為如下,就可以使用npm run json:server 啟動(dòng)json-server了说订,關(guān)閉直接關(guān)閉啟動(dòng)的命令行就好
"scripts": {
"json:server": "json-server --watch db.json",
"json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"
}
![JLN)@UFRR3(YND~0@}W_7J.png
注意事項(xiàng):
1抄瓦、JSON Server的json頂級(jí)對(duì)象中不允許直接跟字符串或數(shù)字的,如
{
"message": "獲取成功!",
"status": "1",
"timeStamp": "2020-06-19 09:08:11.635",
"userInfo": [
{
"BeginTime": "2020/06/08",
"EndTime": "2020/06/14",
"ReceiptCount": 2,
"RefundCount": 0,
"SettleId": 10,
"SettleMoney": 0.02,
"SettleStatus": 1
}
]
}
這里要去掉
"message": "獲取成功!",
"status": "1",
"timeStamp": "2020-06-19 09:08:11.635",
或改為如下陶冷,這種用大括號(hào)括起來(lái)
"status": {
"status": 0
},
2钙姊、返回的是數(shù)據(jù)沒(méi)有帶鍵,只能自己在加了埃叭,String s = "{"userInfo":" + response+"}";