Mock的使用教程

2021-09-30 20:39:28 字數 1087 閱讀 1096

element ui手冊:

中文文件:

1:在專案裡面新建乙個mock資料夾,在mock資料夾裡面新建乙個test.json檔案

}2:在build目錄下找到webpack.dev.conf.js檔案,編寫以下**

// mock code

const express = require('express')

const posts = require('../mock/test.json')

const routes = express.router()

// 如果是post請求,那麼將get改為post即可

3:瀏覽器輸入http://localhost:8080/api/test

成功看到模擬資料

vue頁面**參考

5:在瀏覽器裡面,我們可以看到,mock裡面的資料請求成功顯示如下

Mock 基本使用

一 mock解決的問題 開發時,後端還沒完成資料輸出,前端只好寫靜態模擬資料。資料太長了,將資料寫在js檔案裡,完成後挨個改url。某些邏輯複雜的 加入或去除模擬資料時得小心翼翼。想要盡可能還原真實的資料,要麼編寫更多 要麼手動修改模擬資料。特殊的格式,例如ip,隨機數,位址,需要去收集 二 moc...

mock資料的基礎使用

在我們自己做乙個專案時,會遇到後端還沒完成資料輸出或者介面沒寫好的情況。你沒有辦法想後台獲取資料,這時候需要前端只好自己寫靜態模擬資料 假資料 mockjs就是用來創造假資料的,他的用法和從後端取資料是基本一樣的,基本的語法看下文,移步官方文件。如果資料太長了,將資料寫在js檔案裡,完成後挨個改ur...

四 使用Mock物件

很多情況下,需要與外部依賴打交道,如乙個rest位址,資料庫鏈結 外部io等 這些依賴有些速度過慢 有些不夠穩定,不符合單元測試要求的快速 可重複等原則性要求,因此引入了mock物件這一概念。與mock相關的還有stub這個單詞。一般來說,在編寫stub之後,需要將其注入依賴物件中,也即依賴注入 d...