mock.js 的作用

作用一：mock.js生成隨機資料

mock.js支援各種資料的隨機生成，官網也有具體的示例

它可以生成你想要的各種隨機資料，這裡我們用介面測試工具apipost演示一下mock.js生成隨機資料。

apipost內建mock變數，如圖：

選擇隨機生成一個日期字串，直接複製

也可以根據自己的需要，在指令碼中進行編寫，使用mock生成隨機手機號

const phonePrefix = ['132', '135', '189']

const index = Math.floor(Math.random() * phonePrefix.length)

var phone = phonePrefix[index] + Mock.mock(/\d{8}/)

在使用apipost內建的新增一個請求body攜帶上隨機生成的手機號

const phonePrefix = ['132', '135', '189']

const index = Math.floor(Math.random() * phonePrefix.length)

var phone = phonePrefix[index] + Mock.mock(/\d{8}/)

apt.setRequestBody("phone", phone);//只針對 form-data、urlencode有效

執行一下檢視一下效果，如圖：

作用二：模擬後端資料

可以使用mock.js模擬後端介面資料，通過隨機資料,模擬各種場景。 開發無侵入 不需要修改既有程式碼,就可以攔截 Ajax 請求,返回模擬的響應資料。

點選apipost的Mock服務，在這裡編輯自己介面需要返回的資料，點選儲存複製mock，地址給前端就可以，模擬真實後端返回的響應資料了

切換為mock環境，測試一下編寫的mock服務

複製mock服務的url在瀏覽器中開啟

本作品採用《CC 協議》，轉載必須註明作者和本文連結