前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发;
第一种
在js里直接声明变量,并给变量赋值,在逻辑脚本中使用,并渲染到dom;
第二种
将模拟数据编辑成json数据或者是零碎的js脚本中,通过请求,取回数据,并进行业务逻辑处理,渲染到dom,json格式也有本地格式和网路格式两种
1.本地文件读取
Page({
/**
* 页面的初始数据
*/
data: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var _this = this
const data = require("../../Json/commodityList.json")
console.log(data)
}
})
2.读取网络json文件
Page({
/**
* 页面的初始数据
*/
data: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var _this = this
wx.request({
url: 'https://www.aa.com/myproject/test/new_file2.json',//json数据地址
headers: {
'Content-Type': 'application/json'
},
success: function (res) {
console.log(res)
}
})
}
})
第三种
使用工具postman或者apifox模拟接口