- 首先介紹一下什么是json-server,用處是什么,其實很簡單:
JSON-Server 是一個 Node 模塊,運行 Express 服務器,你可以指定一個 json 文件作為 api 的數據源。 - 接下來我們需要在電腦上全局安裝json-server:
npm install -g json-server
- 新建一個文件夾,初始化json-server數據,進入文件夾然后輸入:(一路回車就行了)
npm init
- 在初始化的項目中安裝json-server:
npm install json-server --save
- 然后我們在新建的文件夾下就會看到一個package.json 文件,並且有"json-server": "^0.15.1"字樣,然后在當前目錄下新建一個db.json文件,在本文件下編寫自己的json數據:例如我的數據:
{ "users":[ { "name":"Henry", "phone":"333-444-555", "email":"henry@email.com", "id":1, "age":33, "companyId":1 },{ "name":"Bucky", "phone":"333-444-555", "email":"bucky@email.com", "id":2, "age":34, "companyId":2 },{ "name":"Emily", "phone":"333-444-555", "email":"emily@email.com", "id":3, "age":43, "companyId":3 } ],"companies":[ { "id":1, "name":"Apple", "description":"Apple is good" },{ "id":2, "name":"Miciosoft", "description":"Miciosoft is good" },{ "id":3, "name":"Google", "description":"Google is good" } ] }
- 然后我們就可以運行我們本地的json服務器:
json-server --watch db.json
其實我們也可以修改package.json里邊的數據修改運行命令:
{ "name": "jsonserver", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "json:server": "json-server --watch db.json", "json:server:remote":"json-server http://jsonplaceholder.typicode.com/db" }, "author": "", "license": "ISC", "dependencies": { "json-server": "^0.15.1" } }
這樣修改之后,我們只需要在命令行輸入:
本地運行:npm run json:server
遠程模式:
npm run json:server:remote
- 到這里我們的json-server就搭建好了
- 當然怎樣的訪問json數據,和怎樣的調用相關的接口,可以直接訪問json-server的官網
https://www.npmjs.com/package/json-server