搭建一個的本地數據接口(json server)
在前端開發過程中避免不了有時需要僞造模擬數據先行開發,啓動一個本地數據接口,對於前端開發人員來說至關重要,當然方式有很多種,今天分享json server 搭建一個本地數據接口的實現方式。
首先附上在線學習網址:https://github.com/typicode/json-server
第一步:
全局安裝:npm install -g json-server
第二步:
創建一個文件夾
1:cd 到創建的文件夾——>npm install
以下默認爲在創建的文件夾目錄下(newht)
2:安裝json-server:npm install json-server --save
查看package.json
文件裏面已經有json-server的版本號。
"dependencies": {
"json-server": "^0.16.1"
}
3:調整啓動方式:
打開package.json
文件
修改scripts中配置如下:
"scripts": {
"json-server": "json-server --watch db.json",
"json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"
},
4:創建一個json文件
注意:創建的json文件名要與上面scripts中修改的–watch 後面的文件名保持一致。
5:在創建的json文件中寫入需要的數據。
6:啓動接口:
在命令行輸入:npm run json-server
到此數據接口已成功啓動,可正常訪問相關數據接口。