mockjs

1.定义mockjs

1.mockjs的作用？

1.拦截ajax

2.生成伪随机数据，当前端开发，程序员写好了接口文档没有实现接口文档先自己造数据，模拟后端，开发前端的功能，等待后端接口做好，和后端联调，更改baseURL,实现切换接口服务器。

2.安装

npm i mockjs -D

安装成功

 3.mockjs的使用

1.定义mock.js

 2.在main.js导入 import "@/mock/mock.js"

 3.导入mock       

 

import Mock from "mockjs"

4.使用mockjs的方法

Mock(url,method,data)
Mock(url,data)
Mock(url,method,function(option){
return {data数据}
})

5.数据模板定义规范

1.数据模板中的每个属性由三部分组成：

属性值，属性名，生成规则

// 属性名：name
// 属性值：value
// 生成规则：rule
'name|rule':value

2.属性值是字符串 String

1. 'name|min-max':String
通过重复String 生成一个字符串，重复次数大于等于min ，小于等于max.

2. 'name|count':String
通过重复string生成一个字符串，重复次数等于count

3.属性值是正则表达式 RegExp

根据正则表达式regExp反向生成可以匹配他的字符串。用于生成自定义格式的字符串

Mock.mock(/\/v5\/list/, {
	name: "mumu",
	age: 18,
})

4.Mock.mock(url,function(option))

记录用于生成响应数据的函数，当拦截到匹配url的Ajax请求时，函数function（options）将被执行，并把执行结果作为响应数据结果

Mock.mock('http://asd.asd', (options) => {
    console.log(options); // 接收请求参数
    return {
        'name': '@cname', // 随机生成中文名称
    }
});

5.属性值是Number

Mock.mock({
'Number+1':100,//整数
})

6.mock的优点

1.前后端分离

2。可随机生成大量的数据

3.用法简单

4.数据类型丰富

5.可扩展数据类型