小程序如何mock数据?

3,771 阅读1分钟

参考官网github.com/webx32/WxMo…

第一步:copy两份文件到小程序工程根目录的 utils目录下

  • 文件1:raw.githubusercontent.com/webx32/WxMo…注意:看清楚路径!是1.0.1-beta3/dist/mock.js而不是dist/mock.jsdist/mock.js此文件小程序不支持
  • 文件2:dist/WxMock.js

第二步:在接口文件(即要请求的模拟数据接口)引入 WxMock,并书写需要模拟的接口及返回结构

这里模拟的数据是用户数据,所以在utils下创建的接口文件是user.js

//user.js
var Mock = require("./WxMock.js");//注意改路径
//格式: Mock.mock('请求地址',数据模板)
var users = Mock.mock('https://xxx.com/users', {
  "code": 200,
  "data|1-20": [
    {
      "name": function () {
        return Mock.Random.cname()
      },
      "lastLogin": function () {
        return Mock.Random.datetime()
      }
    }
  ]
})
export default users

第三步: 导出到app.js

//app.js
import users from './utils/users.js'//注意改路径

第四步:只要在 wx.request 中使用url为 mock对应的地址就会返回响应mock数据

wx.request({
  url: 'https://xxx.com/users',
  success:function(res){
    console.log('https://xxx.com/users',res);
  }
})