介紹一個axios調試好用的工具：axios-mock-adapter

上一篇文章中寫到用promise時應注意的問題，這一篇文章繼續介紹一個可以和axios庫配合的好工具： axios-mock-adapter。
axios-mock-adapter可以用來攔截http請求，並模擬響應，使用起來也很簡單，比如你想模擬下服務器返回個500錯誤，你可以這么寫：

import axios from 'axios'
import MockAdapter from 'axios-mock-adapter'

const mock = new MockAdapter(request)

mock.onPost('/url').reply(500, {
  users: [
    { id: 1, name: 'John Smith' }
  ]
})

然后，在業務代碼中你就可以捕獲這個500錯誤

// 業務代碼調用
axios({
    url: url,
    method: 'post',
    data: data
  }).then(res => {
    // 提示用戶數據更新成功
  }).catch(err => {
    // 捕獲500等http錯誤，提示用戶更新失敗
  })

什么404找不到、403禁止訪問、500服務器錯誤、503服務不可用、504網關超時等等，你都能模擬出來，然后寫相應的業務代碼，這樣以往只能依靠后端調試接口的苦日子就快到頭了（只是開個玩笑，后端還是不可缺少的）。
有人寫了篇更詳細的文章 axios請求模擬調試器 來介紹它，感興趣的可以去看看。

這篇文章最初發表在我自己折騰的博客站點上：介紹一個axios調試好用的工具axios-mock-adapter，該博客用了一位前輩開源的源碼，基於thinkjs和vuejs開發，歡迎大家來逛逛。