一、概述
前後端分離開發的模式，會遇到這樣的問題。後臺給的介面文件，需要在本地模擬資料返回，直接的辦法是新建一個test。json檔案，放入介面文件中寫的返回示例，這麼做有個很大的問題是不夠靈活，而且還需要切換url。
1、用mock。js不需要修改既有程式碼，就可以攔截 Ajax 請求，更加方便的構造你需要的假資料；
二、安裝
npm install mockjs
三、例項
1、普通模擬資料；
// 使用 Mockvar Mock = require（‘mockjs’）var data = Mock。mock（{ // 屬性 list 的值是一個數組，其中含有 1 到 10 個元素 ‘list|1-10’： ［{ // 屬性 id 是一個自增數，起始值為 1，每次增 1 ‘id|+1’： 1 }］}）// 輸出結果console。log（JSON。stringify（data， null， 4））
2、與axios請求整合；
const login = （options） => { const body = getBody（options） if （！username。includes（body。username） || ！password。includes（body。password）） { return builder（{ isLogin： true }， ‘賬戶或密碼錯誤’， 401） } const builderData = builder（{ ‘id’： Mock。mock（‘@guid’）， ‘name’： Mock。mock（‘@name’）， ‘username’： ‘admin’， ‘password’： ‘’， ‘telephone’： ‘’， }， ‘’， 100， { ‘Custom-Header’： Mock。mock（‘@guid’） }） return builderData}Mock。mock（/\/auth\/login/， ‘post’， login）
將/auth/login請求地址對映到login返回值；
