1. 安装

npm install mockjs

2. 新建一个mock文件夹
3. 在mock中新建data.json文件，写数据

{"info": {"name": "嘉禾一品（温都水城）","description": "硅谷专送","deliveryTime": 28,"score": 4.2,"serviceScore": 4.1,"foodScore": 4.3,"rankRate": 69.2,"minPrice": 20,"deliveryPrice": 4,"ratingCount": 24,"sellCount": 90,"distance": "1000m","bulletin": "是以粥为特色的中式营养快餐，自2004年10月18日创立“嘉和一品”品牌至今，不断优化管理，积极创新，立足于“贴近百姓生活，服务千家万户”","supports": [{"type": 0,"name": "首单","content": "新用户下单立减17元(不与其它活动同享)"},{"type": 1,"name": "满减","content": "满35减19，满65减35"},{"type": 2,"name": "特价","content": "【立减19.5元】欢乐小食餐"},{"type": 2,"name": "特价","content": "【立减29元】火烤菠萝皇堡双人餐"},{"type": 2,"name": "特价","content": "【立减16.5元】火烤菠萝皇堡单人餐"},{"type": 2,"name": "特价","content": "【立减15】经典安格斯单人餐"},{"type": 2,"name": "特价","content": "【立减11.95】皇堡双人餐"},{"type": 2,"name": "特价","content": "【立减19.8】半价单人餐"}],"avatar": "https://fuss10.elemecdn.com/8/40/02872ce8aefe75c16d3190e75ad61jpeg.jpeg","bgImg": "https://fuss10.elemecdn.com/f/5c/ead54394c3de198d3e6d3e9111bbfpng.png","pics": ["https://fuss10.elemecdn.com/f/7f/d1422ec824a0a9d1fb879c57ab533jpeg.jpeg","https://fuss10.elemecdn.com/6/82/2cd3d681f5e93292b3eb49d6b412ajpeg.jpeg","https://fuss10.elemecdn.com/8/93/4cf527b6462eea634f69755374f88jpeg.jpeg","https://fuss10.elemecdn.com/3/f2/2a8796ba025a5773fd685a95ac369jpeg.jpeg","https://fuss10.elemecdn.com/a/c4/5a78f477fd616a51ce33586a76ddbjpeg.jpeg"],"category": "包子粥店, 简餐","phone": "18501083744","address": "北京市丰台区太平桥44号","workTime": "09:35-24:00"},"goods": [{"name": "优惠","icon": "https://fuss10.elemecdn.com/b/91/8cf4f67e0e8223931cd595dc932fepng.png","foods": [{"name": "南瓜粥","price": 9,"oldPrice": "","description": "甜粥","sellCount": 91,"rating": 100,"info": "主、辅料:水、大米、南瓜、冰糖等","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "很喜欢的粥","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750","images": ["http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750","http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750","http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"]},{"name": "红豆薏米美肤粥","price": 12,"oldPrice": "","description": "甜粥","sellCount": 86,"rating": 100,"info": "美肤粥对皮肤有很好的保养作用","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750","images": ["http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750","http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750","http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"]},{"name": "八宝酱菜","price": 4,"oldPrice": "","description": "","sellCount": 84,"rating": 100,"info": "八宝酱菜八宝酱菜八宝酱菜八宝酱菜八宝酱菜","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "扁豆焖面","price": 14,"oldPrice": "","description": "","sellCount": 188,"rating": 96,"ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"info": "","icon": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "葱花饼","price": 10,"oldPrice": "","description": "葱花饼葱花饼葱花饼葱花饼","sellCount": 124,"rating": 85,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 1,"text": "没啥味道","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 1,"text": "很一般啊","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "牛肉馅饼","price": 14,"oldPrice": "","description": "","sellCount": 114,"rating": 91,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 1,"text": "难吃不推荐","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "招牌猪肉白菜锅贴/10个","price": 17,"oldPrice": "","description": "","sellCount": 101,"rating": 78,"info": "招牌猪肉白菜锅贴招牌猪肉白菜锅贴招牌猪肉白菜锅贴","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 1,"text": "不脆,不好吃","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "折扣","icon": "https://fuss10.elemecdn.com/0/6a/05b267f338acfeb8bd682d16e836dpng.png","foods": [{"name": "娃娃菜炖豆腐","price|10-20": 20,"oldPrice": "","description": "","sellCount": 43,"rating": 92,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "菜量还可以,味道还可以","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "手撕包菜","price": 16,"oldPrice": "","description": "","sellCount": 29,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "香酥黄金鱼/3条","price": 11,"oldPrice": "","description": "","sellCount": 15,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "香浓甜粥","foods": [{"name": "红枣山药粥","price": 29,"oldPrice": 36,"description": "红枣山药糙米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注","sellCount": 17,"rating": 100,"info": "红枣山药糙米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注","ratings": [{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "红豆粥","price": 14,"oldPrice": 36,"description": "红豆粥米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注","sellCount": 17,"rating": 100,"info": "","ratings": [{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "红枣山药糙米粥","price": 10,"oldPrice": "","description": "","sellCount": 81,"rating": 91,"info": "红枣山药糙米粥红枣山药糙米粥红枣山药糙米粥","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "糊塌子","price": 10,"oldPrice": "","description": "","sellCount": 80,"rating": 93,"info": "糊塌子糊塌子糊塌子糊塌子糊塌子糊塌子","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "营养咸粥","foods": [{"name": "田园蔬菜粥","price": 8,"oldPrice": 10,"description": "","sellCount": 15,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "还可以","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "https://fuss10.elemecdn.com/5/7b/0af500733bb676d2a0a329ef1a078jpeg.jpeg?imageMogr/format/webp/thumbnail/!140x140r/gravity/Center/crop/140x140/","image": "https://fuss10.elemecdn.com/5/7b/0af500733bb676d2a0a329ef1a078jpeg.jpeg?imageMogr/format/webp/thumbnail/!750x750r/gravity/Center/crop/750x750/"}]},{"name": "爽口凉菜","foods": [{"name": "八宝酱菜","price": 4,"oldPrice": "","description": "","sellCount": 84,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "拍黄瓜","price": 9,"oldPrice": "","description": "","sellCount": 28,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "精选套餐","foods": [{"name": "红豆薏米粥套餐","price": 37,"oldPrice": "","description": "红豆薏米粥,三鲜干蒸烧卖,拍黄瓜","sellCount": 3,"rating": 100,"info": "","ratings": [{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "皮蛋瘦肉粥套餐","price": 31,"oldPrice": "","description": "","sellCount": 12,"rating": 100,"info": "","ratings": [{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "果拼果汁","foods": [{"name": "蜜瓜圣女萝莉杯","price": 6,"oldPrice": "","description": "","sellCount": 1,"rating": "","info": "","ratings": [],"icon": "http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "加多宝","price": 6,"oldPrice": "","description": "","sellCount": 7,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "VC无限橙果汁","price": 8,"oldPrice": 10,"description": "","sellCount": 15,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "还可以","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "小吃主食","foods": [{"name": "扁豆焖面","price": 14,"oldPrice": "","description": "","sellCount": 188,"rating": 96,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "葱花饼","price": 10,"oldPrice": "","description": "","sellCount": 124,"rating": 85,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 1,"text": "没啥味道","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 1,"text": "很一般啊","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "牛肉馅饼","price": 14,"oldPrice": "","description": "","sellCount": 114,"rating": 91,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 1,"text": "难吃不推荐","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "招牌猪肉白菜锅贴/10个","price": 17,"oldPrice": "","description": "","sellCount": 101,"rating": 78,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 1,"text": "不脆,不好吃","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "糊塌子","price": 10,"oldPrice": "","description": "","sellCount": 80,"rating": 93,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{"name": "特色粥品","foods": [{"name": "皮蛋瘦肉粥","price": 10,"oldPrice": "","description": "咸粥","sellCount": 229,"rating": 100,"ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "很喜欢的粥","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "南瓜粥","price": 9,"oldPrice": "","description": "甜粥","sellCount": 91,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "红豆薏米美肤粥","price": 12,"oldPrice": "","description": "甜粥","sellCount": 86,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "红枣山药糙米粥","price": 10,"oldPrice": "","description": "","sellCount": 81,"rating": 91,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "鲜蔬菌菇粥","price": 11,"oldPrice": "","description": "咸粥","sellCount": 56,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": ""},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/750/h/750"},{"name": "田园蔬菜粥","price": 10,"oldPrice": "","description": "咸粥","sellCount": 33,"rating": 100,"info": "","ratings": [{"username": "3******c","rateTime": 1469281964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "2******3","rateTime": 1469271264000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{"username": "3******b","rateTime": 1469261964000,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],"icon": "http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/114/h/114","image": "http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/750/h/750"}]}],"ratings": [{"username": "3******c","rateTime": 1469281964000,"deliveryTime": 30,"score": 5,"rateType": 0,"text": "不错,粥很好喝,我经常吃这一家,非常赞,以后也会常来吃,强烈推荐.","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": ["南瓜粥","皮蛋瘦肉粥","扁豆焖面","娃娃菜炖豆腐","牛肉馅饼"]},{"username": "2******3","rateTime": 1469271264000,"deliveryTime": "","score": 4,"rateType": 0,"deliveryTime": "","text": "服务态度不错","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": ["扁豆焖面"]},{"username": "3******b","rateTime": 1469261964000,"score": 3,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "1******c","rateTime": 1469261864000,"deliveryTime": 20,"score": 5,"rateType": 0,"text": "良心店铺","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "2******d","rateTime": 1469251264000,"deliveryTime": 10,"score": 4,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "9******0","rateTime": 1469241964000,"deliveryTime": 70,"score": 1,"rateType": 1,"text": "送货速度蜗牛一样","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "d******c","rateTime": 1469231964000,"deliveryTime": 30,"score": 5,"rateType": 0,"text": "很喜欢的粥店","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "2******3","rateTime": 1469221264000,"deliveryTime": "","score": 4,"rateType": 0,"text": "量给的还可以","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "3******8","rateTime": 1469211964000,"deliveryTime": "","score": 3,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "a******a","rateTime": 1469201964000,"deliveryTime": "","score": 4,"rateType": 0,"text": "孩子喜欢吃这家","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": ["南瓜粥"]},{"username": "3******3","rateTime": 1469191264000,"deliveryTime": "","score": 4,"rateType": 0,"text": "粥挺好吃的","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "t******b","rateTime": 1469181964000,"deliveryTime": "","score": 3,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "f******c","rateTime": 1469171964000,"deliveryTime": 15,"score": 5,"rateType": 0,"text": "送货速度很快","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "k******3","rateTime": 1469161264000,"deliveryTime": "","score": 4,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "u******b","rateTime": 1469151964000,"deliveryTime": "","score": 4,"rateType": 0,"text": "下雨天给快递小哥点个赞","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "s******c","rateTime": 1469141964000,"deliveryTime": "","score": 4,"rateType": 0,"text": "好","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "z******3","rateTime": 1469131264000,"deliveryTime": "","score": 5,"rateType": 0,"text": "吃了还想再吃","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "n******b","rateTime": 1469121964000,"deliveryTime": "","score": 3,"rateType": 1,"text": "发票开的不对","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "m******c","rateTime": 1469111964000,"deliveryTime": 30,"score": 5,"rateType": 0,"text": "好吃","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "l******3","rateTime": 1469101264000,"deliveryTime": 40,"score": 5,"rateType": 0,"text": "还不错吧","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "3******o","rateTime": 1469091964000,"deliveryTime": "","score": 2,"rateType": 1,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "3******p","rateTime": 1469081964000,"deliveryTime": "","score": 4,"rateType": 0,"text": "很喜欢的粥","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "o******k","rateTime": 1469071264000,"deliveryTime": "","score": 5,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []},{"username": "k******b","rateTime": 1469061964000,"deliveryTime": "","score": 4,"rateType": 0,"text": "","avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png","recommend": []}]
}

4. 在mock中新建mockServer文件

/*
使用mockjs提供mock数据接口*/
import Mock from 'mockjs'
import data from './data.json'// 返回goods的接口
Mock.mock('/goods', {code:0, data: data.goods})
// 返回ratings的接口
Mock.mock('/ratings', {code:0, data: data.ratings})
// 返回info的接口
Mock.mock('/info', {code:0, data: data.info})

5. 在main.js中引入
   // 全局挂载组件
   import ‘./mock/mockServer’
6. 在组件中请求数据

 async created(){console.log("开始请请求了");let data = await axios.get('/goods');console.log(data);}