前後端分離模擬資料神器mockjs

2021-08-20 05:52:42 字數 1006 閱讀 9319

現在開發都是前後端分離,靜態頁面寫好後,後端介面還未寫好,漫長的等待實在是藍瘦香菇,終於找到了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...