当前位置:   article > 正文

在微信小程序项目中使用mock模拟数据_微信小程序mock

微信小程序mock

之前对mockjs做了一个介绍,以及在js、vue中拦截ajax的方法,介绍是必看的,也是一些基础
mockjs介绍总结
mockjs拦截ajax
在vue项目中使用mock拦截axios请求
这一篇讲讲在小程序中的应用
微信小程序为了让开发者更方便地开发小程序,开发者工具提供了 API Mock 的能力,可以模拟部分 API 的调用结果。
以下内容是按照官方文档中整理的

使用

  1. 打开小程序项目
  2. 在工具调试面板顶部的 Tab中打开mock,点+新建规则
    在这里插入图片描述3. 添加规则,按图示的添加即可
    在这里插入图片描述
  3. 运行下面的代码:
wx.request({
  url: 'https://example.com/ajax?dataType=member',
  dataType: 'json',
  success(res) {
    console.log(res)
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  1. 将得到下面的数据
    在这里插入图片描述
    其他全在 API Mock 里面,规则是mock.js的规则
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/111547
推荐阅读
  

闽ICP备14008679号