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...