mockjs笔记

• mockjs
  • 程序
    • 前端
      • 访问后端接口，展示数据
    • 后端
      • 负责处理业务逻辑；访问数据库的数据，返回给前端
    • 数据库
      • 存储数据
  • 情况
    • 很多公司，后端还没有做好接口，写好接口文档（前端就不需要等待后端实现接口再写代码）
    • 前端可以通过mockjs参考接口文档自己先模拟数据；写业务代码，等待后端准备好，再用后端接口替换自己写模拟数据；实现前后端同时开发
  • 官网
    • Mock.js
  • mockjs
    • 生成随机数据，拦截ajax
    • 安装
      npm i mockjs -D
    • 使用
      import Mock from 'mockjs'
      Mock.mock(url,data)
    • main.js导入
      import '@/utils/mock.js'
  • mock用法
    • mock(url,data)
    • mock(url,method,data)
    • mock(url,method,function(option){ return data })
    • url:可以是正则，也可以是字符串
    • methodLpost,get,put,delete
    • option
      • url请求地址
      • method请求方法
      • body请求参数
  • 随机
    • 数字
      • 整数
        • "num|1-100"
      • 小数点
        • "price|25-50.2-3":1
      • 递增
    • 字符串
      • 文字
        • "score|1-5":"⭐"
      • 中文标题
        • "title":"@ctitle(8,14)"
      • 中文段落
        • "description":"@cparagraph"
    • 布尔值
      • "bol|1":true
    • 数组
      • "friend|1":[1,2,3]
      • "friend|2":[1,2,3]
        复制两份
    • 对象
      • "des|2""{}
        随机从对象取两个属性
    • 其他常用

      

•