mockjs

mockjs

官网：http://mockjs.com/
官网里面有关于mockjs的详细信息，下面带来一些简单的介绍

程序

1. 前端
   . 访问后端接口
   . 展示数据
2. 后端
   . 后端，负责出来业务逻辑
   . 访问数据的数据,返回个前端
3. 数据库
   . 存储数据

情况

很多公司，后端还没有做好接口,写好接口文档前端就不需要等待后端实现接口再写代码）
前端可以通过mockjs 参考接口文档自己先模拟数据写业务代码，等待后端准备好，在用后端接口替换自己写模拟数据实现前后端同时开发

mockjs

生成随机数据，拦截ajax
安装

npm i mockjs -D

使用

import Mock from 'mockjs'
Mock.mock(url,data)

main.js导入

import ‘@/utils/mock’

mock用法

mock(url,data)
mock(url,method,data)
mock(url,method,function(option){
return data
})

url:可以是正则，也可以是字符串

method:post,get,put,delete
option
url 请求地址
method请求方法
body 请求第参数

随机

1. 数字
   整数
   “num|1-100"
   小数点
   “price|25-50.2-3”:1
   递增
2. 字符串随机
   文字
   “score|1-5”:“★”
   中文本标题
   “title”:“@ctitle(8,14)”
   中文段落
   “des”:“@paragraph”
3. 布尔值
   “bol|1”:true
4. 数组
   “friend|1”:[1,2,3]
   “friend|2”:[1,2,3]
   复制两份
5. 对象
   “des|2”：{}
   随机从对象取两个属性
6. 其他常用
   “tel”:/1\d{10}/,
   “email”: /[a-z]{2,6}@ (126|163|qq).(com|cn|net)/,
   “canMerry”:function(){
   if(this.age>22){
   return true;
   }else{
   return false;
   }
   },
   “day”:“@date(‘yyyy-MM-dd’)”,
   “time”:“@time(‘HH:mm:ss’)”,
   “add”:“@county(true)”,
   “avatar”:“@dataImage(‘200x100’, ’ ')”

}