這里跳過node安裝以及npm安裝

先全局安裝：npm install json-server -g

在桌面創建一個空的文件夾JSONSERVER

cd 進入到這個文件夾執行npm init --yes，這時候文件夾會多出一個package.json的文件

項目再安裝一次：npm install json-server --save

修改啟動命令，把package.json里的這行 "test": "echo \"Error: no test specified\" && exit 1" 替換成 "json:server": "json-server --watch db.json"方便每一次的啟動

再文件夾根目錄下新建一個db文件命名為user.db,復制下面的測試數據到里面

{"user":[{"name":"Henry","phone":"333-444-555","email":"henry@gmail.com","id":1,"age":30,"companyId":1},{"name":"Bucky","phone":"333-444-555","email":"Bucky@gmail.com","id":2,"age":30,"companyId":2},{"name":"Emily","phone":"333-444-555","email":"Emily@gmail.com","id":3,"age":30,"companyId":3},{"name":"Llyse","phone":"333-444-555","email":"Llyse@gmail.com","id":4,"age":30,"companyId":3}],"companies":[{"id":1,"name":"Apple","description":"Apple is good!"},{"id":2,"name":"Microsoft","description":"Microsoft is good!"},{"id":3,"name":"Google","description":"Google is good!"}] }

最后，在此文件夾的終端啟動json-server，命令為：npm run json:server

提示：

//獲取所有用戶信息????????? http://localhost:3000/users

//獲取id為1的用戶信息?????http://localhost:3000/users/1

//獲取公司的所有信息?????? http://localhost:3000/companies

//獲取單個公司的信息?????? http://localhost:3000/companies/1

//獲取用戶和公司的相關聯信息?????? http://localhost:3000/companies/3/users

//根據公司名字獲取信息 ???? ? ? ? ? http://localhost:3000/companies?name=Microsoft

//根據多個名字獲取公司信息 ????? http://localhost:3000/companies?name=Microsoft&name=Apple

//根據多個名字獲取公司信息 ? ? ? http://localhost:3000/companies?_page=1&_limit=2

//根據升序排序??????????????????????????? http://localhost:3000/companies?_sort=name&_order=asc???? //降序是desc

//獲取年齡30以上的?????????????????? http://localhost:3000/users?age_gte=30

//獲取年齡30 - 40的????? ?? ???????? http://localhost:3000/users?age_gte=30&age_lte=40

//搜索用戶信息???????????????????????? http://localhost:3000/users?q=k

擴展：（如果想要在本地使用jsonholder里面的數據，在package.json加上紅色框的內容）

源碼：

"json:server:remote": "json-server http://jsonplaceholder.typicode.com/db"

?

總結

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

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