2020-12-09 15:54:03 版本 : 使用mockjs模拟数据(二)
作者: 钱钟书 于 2020年12月09日 发布在分类 / 人防组 / 人防前端 下,并于 2020年12月09日 编辑
 历史版本
修改日期 修改人 备注
2020-12-09 16:23:27[当前版本] 钱钟书 调整分类
2020-12-09 15:54:03 钱钟书 v1.0

一、作用

手动模拟后端接口返回数据/拦截请求

二、数据模拟方式

1. 采用json数据模拟

2. 采用MockJs进行模拟

三、 利用Vue结合模拟

1. mockjs官方文档

http://mockjs.com/

2. 利用脚手架创建项目

https://www.jianshu.com/p/1ee1c410dc67

3.  安装并引入mockjs

cnpm install mockjs

import Mock from 'mockjs'

4. 生成字符串

5. 生成文本

6. 生成标题和句子

不加c，生成出来的是英文

7. 生成段落

8. 生成数字

9.  生成增量id

10.  生成姓名-身份证号 - 地址

11. 随机生成图片

参数1：图片大小

参数2：图片背景色

参数3：图片前景色

参数4：图片格式

参数5：图片文字

尺寸中间符号不能使用*

可以使用字母x来代替

12. 生成时间

13. 生成数组




四、mock拦截请求

1.  定义get请求

安装axios

 

2.  定义post拦截请求

五、 案例-模拟

1.  列表请求+分页

2. 新增

3. 删除


 附件
附件类型

PNGPNG

历史版本-目录  [回到顶端]
    知识分享平台 -V 4.8.7 -wcp