簡單易用的前端模擬數據

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的規則編寫模擬數據
• 支持跨域訪問