在我們自己做乙個專案時，會遇到後端還沒完成資料輸出或者介面沒寫好的情況。你沒有辦法想後台獲取資料，這時候需要前端只好自己寫靜態模擬資料（假資料）。mockjs就是用來創造假資料的，他的用法和從後端取資料是基本一樣的，基本的語法看下文，移步官方文件。
如果資料太長了，將資料寫在js檔案裡，完成後挨個改url。某些邏輯複雜的**，加入或去除模擬資料時得小心翼翼。想要盡可能還原真實的資料，要麼編寫更多**，要麼手動修改模擬資料。特殊的格式，例如ip,隨機數，，位址，需要去收集整理。
1、前後端分離：讓前端工程師獨立於後端進行開發。
2、增加單元測試的真實性：通過隨機資料，模擬各種場景。
3、開發無侵入：不需要修改既有**，就可以攔截ajax請求，返回模擬的響應資料。
4、用法簡單：符合直覺的介面。
7、在已有介面文件的情況下，我們可以直接按照介面文件來開發，將相應的字段寫好，在介面完成 之後，只需要改變url位址即可。
需要引用mock.js，引入方法其實和jq這樣的類庫一樣。可以直接引入
//直接引入//在js簡單造資料
mock.mock('',)
//和jq一起使用
$.ajax().done(function(data,status,xhr))
//列印出來如下
1、安裝mockjs
cnpm install mockjs -simport mock from "mock";mock.mock([rurl],[rtype],[template|function(options)])
這裡的引數都是可選：
rurl(可選)。
表示需要攔截的 url，可以是 url 字串或 url 正則。例如 /shooplist
rtype(可選)。
表示需要攔截的 ajax 請求型別。例如 get、post、put、delete 等。
template(可選)。
表示資料模板，可以是物件或字串。例如 ] }
function(options)(可選)。
表示用於生成響應資料的函式。
options：指向本次請求的 ajax 選項集
//定義資料
const data = mock.mock($/,
"goodsaddress": "@county(true)",
"goodslogo": "@image('200x100', 'easymock')",
}]})//模擬資料介面
mock.mock(/\/shooplist/,"post",function(options))
/* 輸出的options的值為
url:"請求的位址"
type:"請求的型別"
body:post提交的資料
*/
Mock的使用教程
element ui手冊 中文文件 1 在專案裡面新建乙個mock資料夾，在mock資料夾裡面新建乙個test.json檔案 2 在build目錄下找到webpack.dev.conf.js檔案，編寫以下 mock code const express require express const p...
Mock 基本使用
一 mock解決的問題 開發時，後端還沒完成資料輸出，前端只好寫靜態模擬資料。資料太長了，將資料寫在js檔案裡，完成後挨個改url。某些邏輯複雜的 加入或去除模擬資料時得小心翼翼。想要盡可能還原真實的資料，要麼編寫更多 要麼手動修改模擬資料。特殊的格式，例如ip,隨機數，位址，需要去收集 二 moc...
如何mock資料
在之前前後端不分離的情況下，很多時候都要等到後端寫好介面，前端很多功能才 能開發，而前後端分離，前端無需等待，可以與後端並行開發，前端需要的資料 可以mock出來，利用nodejs再生成介面，可以直接呼叫，等後端開發出介面再來 更換。在build的webpack.dev.conf.js裡修改1.匯入...