axios-mock-adapter_一个axios调试好用的工具

摘要：axios-mock-adapter可以用来拦截http请求，并模拟响应，使用起来也很简单，比如你想模拟下服务器返回个500错误，什么404找不到、403禁止访问、500服务器错误、503服务不可用、504网关超时等等，你都能模拟出来

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网关超时等等，你都能模拟出来，然后写相应的业务代码，这样以往只能依靠后端调试接口的苦日子就快到头了（只是开个玩笑，后端还是不可缺少的）。

来源：https://www.cnblogs.com/yangtoude/archive/2018/11/18/axios-mock-adapter.html

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_1366