第九課時: Moc模擬Ajax響應

1.響應模擬
(建議開發版完成後刪除Mock，筆者實際開發完沒有刪除Mock好像是引發了一些ajax的異常狀況)
src/main.js

// 判斷開發環境下才引入mock
if (process.env.NODE_ENV !== 'production') require('./mock')

src/mock/index.js

import Mock from 'mockjs'
imoprt { getUserInfo } from './response/user'

// 第一個參數匹配請求url, 這裏第二個參數是post，由於ajax請求有兩個，第一個是options，第二個是post
Mock.mock(/\/getUserInfo/, 'post', getUserInfo)

export default Mock

src/mock/response/user.js

import Mock from 'mockjs'

const Random = Mock.Random

export const getUserInfo = (options) => {
    const template = {
        'str|2-4': 'lison'
    }
    return Mock.mock(template)
}

2.Mock用法精講
Mock手冊