搭建一個本地的數據接口

搭建一個的本地數據接口(json server)

在前端開發過程中避免不了有時需要僞造模擬數據先行開發,啓動一個本地數據接口,對於前端開發人員來說至關重要,當然方式有很多種,今天分享json server 搭建一個本地數據接口的實現方式。
首先附上在線學習網址:https://github.com/typicode/json-server

第一步:

全局安裝:npm install -g json-server

第二步:
創建一個文件夾
1:cd 到創建的文件夾——>npm install
以下默認爲在創建的文件夾目錄下(newht)
2:安裝json-servernpm 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
在這裏插入圖片描述
到此數據接口已成功啓動,可正常訪問相關數據接口。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章