簡單易用的前端模擬資料

專注的小眼神發表於2018-08-22

mock-serve

mock-serve 是一個本地的前端模擬資料服務

在前後端分離的架構下,前端開發人員往往需要模擬資料,通常我們經常用的方式有:

  • 在程式碼裡寫死
  • 通過Mock.js
  • 通過Easy-Mock

後兩種都是不錯的方案,但是根據每個開發人員的環境不同,也會遇到一些情況,比如在斷網的情況下,Easy-Mock 就不適合了(什麼,你是不是想說停電了就可以下班了),但是你就會說可以中Mock.js 替代,但是往往我們的開發和除錯中,需要我們在瀏覽器的network中檢視入參,回參,這時Mock.js也不適用了

折中方案

基於node搭建一個本地的模擬服務,這樣我們就可以解決上面的問題了

檔案結構


├── src
    ├── data  模擬資料目錄
    ├── router  路由
    ├── index.js  入口檔案

複製程式碼

用法

# 安裝依賴
npm install

# 啟動服務 預設地址 http://localhost:3000
npm run mock

# 配置模擬資料
- 在data目錄下新建你自己的模擬資料檔案
- 在路由檔案中配置你要攔截的api地址
- 等待服務熱重啟
複製程式碼

特點

  • 支援MockJs的規則編寫模擬資料
  • 支援跨域訪問

相關文章