vue 仿外卖app-数据mock部分
生活随笔
收集整理的這篇文章主要介紹了
vue 仿外卖app-数据mock部分
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
自行模擬一組數據，里面包括seller，goods，ratings,三大組數據，每組數據中又包涵了如name等參數，如下：
{"seller": {"name": "粥品香坊（回龍觀）","description": "蜂鳥專送","deliveryTime": 38,"score": 4.2,"serviceScore": 4.1,"foodScore": 4.3,"rankRate": 69.2,"minPrice": 20,"deliveryPrice": 4,"ratingCount": 24,"sellCount": 90,"bulletin": "粥品香坊其烹飪粥料的秘方源于中國千年古法，在融和現代制作工藝，由世界烹飪大師屈浩先生領銜研發。堅守純天然、0添加的良心品質深得消費者青睞，發展至今成為粥類的引領品牌。是2008年奧運會和2013年園博會指定餐飲服務商。","supports": [{"type": 0,"description": "在線支付滿28減5"},{"type": 1,"description": "VC無限橙果汁全場8折"},{"type": 2,"description": "單人精彩套餐"},{"type": 3,"description": "該商家支持發票,請下單寫好發票抬頭"},{"type": 4,"description": "已加入“外賣保”計劃,食品安全保障"}],"avatar": "http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg","pics": ["http://fuss10.elemecdn.com/8/71/c5cf5715740998d5040dda6e66abfjpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/b/6c/75bd250e5ba69868f3b1178afbda3jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/f/96/3d608c5811bc2d902fc9ab9a5baa7jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/6/ad/779f8620ff49f701cd4c58f6448b6jpeg.jpeg?imageView2/1/w/180/h/180"],"infos": ["該商家支持發票,請下單寫好發票抬頭","品類:其他菜系,包子粥店","北京市昌平區回龍觀西大街龍觀置業大廈底商B座102單元1340","營業時間:10:00-20:30"]},"goods": [{"name": "熱銷榜","type": -1,"foods": [{"name": "皮蛋瘦肉粥","price": 10,"oldPrice": "","description": "咸粥","sellCount": 229,"rating": 100,"info": "一碗皮蛋瘦肉粥，總是我到粥店時的不二之選。香濃軟滑，飽腹暖心，皮蛋的Q彈與瘦肉的滑嫩伴著粥香溢于滿口，讓人喝這樣的一碗粥也覺得心滿意足","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": 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": "南瓜粥","price": 9,"oldPrice": "","description": "甜粥","sellCount": 91,"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": 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": 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": 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": "單人精彩套餐","type": 2,"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": "冰爽飲品限時特惠","type": 1,"foods": [{"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": "精選熱菜","type": -1,"foods": [{"name": "娃娃菜燉豆腐","price": 17,"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": "爽口涼菜","type": -1,"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": "精選套餐","type": -1,"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": "果拼果汁","type": -1,"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": "小吃主食","type": -1,"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": "特色粥品","type": -1,"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": []}] } data.json編寫接口：打開webpack.dev.conf.js文件，使用express-router編寫接口請求，定義一些變量和接口路由，以及調用app也就是express
代碼如下：
//第一步 const express = require('express') const app = express() //請求server var appData = require('../data.json')//加載本地數據文件 var seller = appData.seller //獲取對應的本地數據 var goods = appData.goods var ratings = appData.ratings var apiRoutes = express.Router() app.use('/api',apiRoutes)//通過路由請求數據 //第二步找到devServer,在里面添加 before(app) { app.get('/api/seller', (req, res) => { res.json({ errno: 0, data: seller }) }),//接口返回json數據，上面配置的數據seller就賦值給data請求后調用app.get('/api/goods', (req, res) => { res.json({ errno: 0, data: goods }) }),
app.get('/api/ratings', (req, res) => { res.json({ errno: 0, data: ratings }) }); }
檢查代碼是否寫錯，沒錯的話重啟 npm run dev ，打開localhost:8080/api/seller(goods、ratings)檢查是否傳送數據成功。如成功如下圖
?
轉載于:https://www.cnblogs.com/kido050313/p/8700437.html
總結
以上是生活随笔為你收集整理的vue 仿外卖app-数据mock部分的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中国人寿保费项目数据集
- 下一篇： 在计算机网络中ftp服务器的用途是,FT