第一步:copy两份文件到小程序工程根目录的 utils目录下
- 文件1:raw.githubusercontent.com/webx32/WxMo… (注意:看清楚路径!是
1.0.1-beta3/dist/mock.js而不是dist/mock.js,dist/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);
}
})