在做前端开发的时候,少不了要用一些模拟的json的数据来进行测试,在没有拿到后端开发小伙伴的接口之前,就先尝试着自己写一下json数据吧,前面有说过,使用mock的方法来实现,有小伙伴可能不太习惯,那么json存放的文件夹以及在组件里面要用到的路径一定要注意哦。
比如:我首先要在static的静态资源文件夹底下新建一个json的数据,在每个组件页面,也就是pages底下的组件里面使用的时候,要注意一下url的请求路径,如果路径写错了会报404的错误。
{ {item.author_name}}
{ {item.title}}
export default {
data() {
return {
showImg: false,
itemList: []
}
},
onLoad() {
this.getList();
this.showImg = true;
},
methods: {
getList() {
uni.request({
url: '../../static/1.json',
success: (res) => {
console.log(res.data);
this.itemList = res.data.result.data;
}