20210925-Mock.js语法使用及工具.md

使用apiPost软件实现mock数据

因为项目使用的是uniapp开发，小程序上不能直接使用mockjs，只能在h5上能使用，而且试了很多方法，在main.js中导入mock.js文件的，使用devServer拦截的，自行搭建Node服务的，我觉得都不好用，步骤太繁琐，需要引入无关的文件，而且多端的使用方法不能统一，所以最好的方法就是与项目独立，模仿真实请求，只需要替换接口，且方便管理。

所以还是使用第三方工具比较实用方便。

aipPost使用mock服务文档

1. 首先根据后台出的api文档，填入域名+aip地址，选择好请求方式(post,get)，在下方的Mock服务填入相同的api地址

2. 根据mock.js的说明文档，编写简单的数据即可

3. 在项目中设置好请求域名，即apiPost提供的Mock地址

4. 设置api接口地址

5. 正常请求即可

   返回效果：

使用aipPost的内置mock变量

Mock.js基本语法

相关示例代码

语法规范

数据模板定义规范 DTD

数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值：

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

注意：

• 属性名 和 生成规则 之间用竖线 | 分隔。

• 生成规则 是可选的。

• 生成规则

  有 7 种格式：

  1. 'name|min-max': value
  2. 'name|count': value
  3. 'name|min-max.dmin-dmax': value
  4. 'name|min-max.dcount': value
  5. 'name|count.dmin-dmax': value
  6. 'name|count.dcount': value
  7. 'name|+step': value

• *生成规则* 的 含义 需要依赖 *属性值的类型* 才能确定。

• 属性值 中可以含有 @占位符。

• 属性值 还指定了最终值的初始值和类型。

具体使用方法请查看官网文档