mock数据

mockjs

https://github.com/nuysoft/Mock/wiki
npm install mockjs

import Mock, { Random }  from "mockjs";

Random.extend({
  fruit: function() {
    const fruits = [
      "苹果",
      "香蕉",
      "李子",
      "菠萝蜜",
      "菠萝",
      "火龙果",
      "柠檬",
      "哈密瓜",
      "猕猴桃",
      "葡萄",
      "橘子",
      "橙子"
    ];
    return this.pick(fruits);
  }
})
Mock.mock("/api/goodslist", "get", {
  "data|5-8": [
    {
      id: "@increment(1)",
      name: "@cword(2,8)",
      price: "@natural(1,3)",
      count: "@natural(0,3)"
    }
  ],
  status: 200,
  message: "获取数据成功"
});

//todo: 要拦截的url:可以是url字符串,也可以是url正则表达式(无引号),例如/\/domain\/list\.json/、'/domian/list.json'
Mock.mock(/\/api\/detail/, "get", function(option) {
  console.log(option);
  const res = /\/api\/detail\/(\d+)/.exec(option.url);
  console.log(res);
  return Mock.mock({
    data: {
      id: res[1] - 0, //转化成数字
      name: "@fruit",
      price: "@natural(1,3)",
      count: "@natural(0,3)"
    },
    status: 200,
    message: "获取数据成功"
  });
});

Mock.mock("/api/addgoods", "post", function(option) {
  console.log(option);
  return Mock.mock({
    status: 200,
    message: "@cword(2,8)"
  });
});