用mock来制造假数据入门

什么是mock，为什么要用mock
前后端分离的时候，有时候后端还没写完，前端页面写完了，我们也不能在那边等不是。为了提高整体开发效率，mock.js诞生。
mock.js就是用来模拟后端接口，就好比后端人员会使用postman来模拟前端请求一样。

# 安装
npm install mockjs

// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

http://mockjs.com/
但是这种方式是比较烦的，你得徒手写代码，因此诞生了很多平台。我猜他们底层还是使用了mock.js，也就是加了图形化界面。
比如easymock
rap2：http://rap2.taobao.org/
easymock应该是没维护了，我们这里用rap2来举例。
创建仓库后，增加接口，进入编辑页面

截屏2020-04-19下午5.40.22.png

地址就是你要的地址

截屏2020-04-19下午5.42.43.png

在这里你可以选择你要的类型，生成规则可以去参考mock.js官网，然后就会随机生成数据

{
  "code": 0,
  "data": [
    {
      "pid": "dIp@TmysWmUX#sIwoH5J",
      "title": "soHQ7$Qx",
      "money": 325.26,
      "detail": ")FrJ"
    },
    {
      "pid": "z4zpwdzT",
      "title": "Lk$eqd",
      "money": 602.55,
      "detail": "9crIvb@#cF"
    },
    {
      "pid": "bkPpp]b)sBZp*s3ul]LR6",
      "title": "N)&atY",
      "money": 595.05,
      "detail": "qlMf$"
    },

截屏2020-04-19下午5.44.39.png

保存之后你可以点击地址，就可以在浏览器看到接口返回信息

截屏2020-04-19下午5.45.23.png

mock拿到返回数据是ok的，美中不足就是没办法对你提交数据做相应