Mock配置及使用

npm install mockjs
 
//引入mockjs
import Mock from 'mockjs'
//使用mockjs模拟数据
const url = {
    tableDataOne: 'http://v.juhe.cn/toutiao/index',
    tableDataTwo: 'http://20181024Mock.com/mode1/tableDataTwo',
    tableDataThi: 'http://20181024Mock.com/mode1/tableDataThi',
}
 
//发送请求
export function getGoodsData(type,page){
    return request2({
        url : 'http://v.juhe.cn/toutiao/index',
        params : {
            // type,page,key,
            // page_size : 10
        }
    })
}
 
//拦截请求
Mock.mock(url.tableDataOne, {
    "ret":0,
    "data":
      {
        "mtime": "@datetime",//随机生成日期时间
        "score|1-800": 800,//随机生成1-800的数字
        "rank|1-100":  100,//随机生成1-100的数字
        "stars|1-5": 5,//随机生成1-5的数字
        "nickname": "@cname",//随机生成中文名字
      }
});

Mock.mock(url.goodsDetail, {
  "ret":0,
  "data":{
    "data" : {
      "id" : "@increment",
      "title|2": "@ctitle(12,26)",
      "price|1-100.2": 56,
      "discountPrice|60-200.2": 34,
      "discountPriceInfo" : "@ctitle(3,5)",
      "salesCount|20-200" : 47,
      "collect|1-100":  12,
      "img": "@image(900x600,@color())",
      "swipperPics|1-8" : ["@image(900x600,@color()"],
      "icon1" : "@image(50x50,@color(),#FFF,!)",
      "icon2" : "@image(50x50,@color(),#FFF,$)",
      "shortInfo1" : "@ctitle(3,5)",
      "shortInfo2" : "@ctitle(3,7)",
      "shortInfo3" : "@ctitle(3,6)",
      "shopTitle" : "@ctitle(5,8)",
      "shopLogo" : "@image(100x100,@color(),#fff,@title(2,5))",
      "shopSalesCount|1-10000000" : 3000,
      "shopGoodsCount|1-500" : 200,
      "describeScore|4-5.1" : 4.3,
      "priceScore|4-5.1" : 4.6,
      "qualityScore|4-5.1" : 4.3,
      "describeScoreAss|1" : ['高',"中","低"],
      "priceScoreAss|1" : ['高',"中","低"],
      "qualityScoreAss|1" : ['高',"中","低"],
      "describeScoreInc|1-2" : true,
      "priceScoreInc|1-2" : false,
      "qualityScoreInc|1-2" : true,
      "goodsDetailInfo|4-12" : ["@image(900x600,@color()"],
      "params1|6" : ["@ctitle(2,4)"],
      "params2|6" : ["@ctitle(4,12)"],
    }
  }
});

Mock.mock(url.goodsComment, {
  "ret":0,
  "data":{
    "data|0-10" : [
      {
          "username": "@ctitle(2,8)",
          "faceImg|1": "@image(400x300,@color())",
          "content": "@cparagraph(2,4)",
          "size|1":  ["L","M","S","XL","XLL"],
          "commentImg|0-5": ["@image(400x300,@color())"],
          "color|1" : ['白',"黑","青色","粉红","军绿"],
          "clothes|1" :  ["上衣","长裤","上衣+长裤","棉袄","短裤"],
          "commentTime" : "@datetime()", 
      }
    ]
  }
})