現在開發都是前後端分離,靜態頁面寫好後,後端介面還未寫好,漫長的等待實在是藍瘦香菇,終於找到了mockjs這個神器,前端可以模擬資料,實在是太好了。
剛開始用mockjs這個神器,因此理解比較粗淺,以後會深入使用,再與大家分享。
mock文件
1.安裝
npm install mockjs
2.使用:
因為現在做的是vue專案,所以以vue專案中使用為例
(1).建立mock.js檔案,參照mockjs文件寫了乙個簡單的例子
// 引入mockjs
const mock = require('mockjs');
// 獲取 mock.random 物件
const random = mock.random;
// mock一組資料
//擴充套件資料
random.extend(
})random.constellation()
const producenewsdata = function()
userlist.push(newarticleobject)
}let usermesobj =
return }//
指定被攔截的 ajax 請求的響應時間
mock.setup()
// mock.mock( url, post/get , 返回的資料);
mock.mock('/userinfo', 'post', producenewsdata);
(2)mian.js中引用
import './config/mock.js'
上面的例子返回資料如下:
3.當mock提供的資料方法不滿足需要時可以擴充套件方法
前後端分離 postman神器
postman提供macdown語法的文件編寫 可以寫 描述 輸入引數和響應返回 後端開發同學在開發過程中測試介面使用的是本機localhost 8080,但是前端同學拿到介面後使用的是測試伺服器,這個時候如果想讓介面能夠跑通,前端同學必須每個介面去修改主機,這造成了不必要的時間浪費,postman...
小程式mock模擬資料
1 安裝mock包 npm install shymean mock server g2 在專案根目錄下新建api資料夾,裡面新建 mock.js檔案,裡面放模擬的介面 mock.mock api test test.htm message success 3 進入 mock.js所在的資料夾,啟動...
node學習 Mock模擬資料
mockjs在前面我們已經了解過了,其主要作用就是模擬資料。如果我們自行開發專案時,需要配合一些資料,此時如果手動新增的話,太繁瑣。於是都會使用mockjs。這裡只要閱讀下mockjs官方文件即可了解mockjs的使用方法。首先需要npm install mockjs並引入 const mock r...