## 一、概述 前后端分離開發的模式，會遇到這樣的問題。后臺給的接口文檔，需要在本地模擬數據返回，直接的辦法是新建一個test.json文件，放入接口文檔中寫的返回示例，這么做有個很大的問題是不夠靈活，而且還需要切換url。 >[danger] > 1、用mock.js不需要修改既有代碼，就可以攔截 Ajax 請求，更加方便的構造你需要的假數據； ## 二、安裝 ``` npm install mockjs ``` ## 三、實例 1、普通模擬數據； ``` // 使用 Mock var 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返回值；