如何mock数据

1通过在控制台输入>

mock数据指的模拟数据，mock中文翻译愚弄，嘲笑。

实现mock数据如下：

首先在根目录下创建一个mock文件，该文件下有indexjson(存放模拟数据)。

然后在根目录下新建一个 vueconfigjs 文件，这文件是调整 webpack 配置最简单的方式，将会被 webpack-merge 合并入最终的 webpack 配置中。 在 vueconfigjs 中编写以下内容：

然后在组件中：

好吧作为一名菜鸟，虽然实现了简单的axios+mock数据,但有很多不懂；

继续参考： CSDN

博客 无脑复制

官方： >

Mockjs （官网地址：>

Mockjs 是用来模拟产生一些虚拟的数据，可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url，mockjs可以拦截ajax请求，返回设定好的数据。

可以在src目录下新建mock文件夹，新建indexjs文件。在indexjs文件中建立虚拟数据。

如果需要使用虚拟数据，就在mainjs入口文件中导入mockjs文件。

Mocksetup( settings )： 配置拦截 Ajax 请求时的行为。

Mockmock( template )： 根据数据模板生成模拟数据。template表示数据模板，可以是对象或字符串。数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值。

'name|rule': value ： 属性名 name、生成规则 rule、属性值 value。属性名 和 生成规则 之间用竖线 | 分隔。

'name|min-max': array： 当属性值是数组 Array。通过重复属性值 array 生成一个新数组，重复次数大于等于 min，小于等于 max。

'name|+1': number： 当属性值是数字 Number。属性值自动加 1，初始值为 number。

占位符： 用 @ 来标识其后的字符串是 占位符。占位符 引用的是 MockRandom 中的方法。

@cname： 随机生成一个常见的中文姓名。

@ctitle( min, max )： 随机生成一句中文标题。默认值为 3 到 7 之间的随机数。

@integer( min, max )： 返回一个随机的整数。min是最小值，max是最大值。

Mockmock( rurl, rtype, function( options ) )： 记录用于生成响应数据的函数。当拦截到匹配 rurl 和 rtype 的 Ajax 请求时，函数 function(options) 将被执行，并把执行结果作为响应数据返回。

此时，前台向后台发送请求，会获取到mokejs虚拟数据，而不是真实的后台数据。

通常前端开发的时候，我们的页面已经开发完成。但是后端的接口不一定已经写完就了。这时候我们就可以自己去伪造一些符合规范的数据，用于前期的测试，等到后端接口完成的时候我们可以在进行一个接口联调。

对于我们前端来说，我们天生就会一个后端开发语言，nodejs即可实现。

我们只需要创建一个简易服务器，对请求路径进行判断，返回对应的mock数据。

Mockjs可以快速通过模板生成数据。

>

1什么是接口测试？

·接口测试是测试系统组件间接口的一种测试方法。

·接口测试的重点是检查数据的交换，传递的正确性，以及接口间逻辑依赖关系

·提交接口测试的重要意义：实现开发期并行测试，减少页面层测试的深度，缩短整个项目的测试周期。

2  接口自动化测试的流程是什么？

·基本的接口功能自动化测试流程为：需求分析->用例设计->脚本开发->测试执行->结果分析

3  GET请求和POST请求区别是什么？

· GET请求用于信息获取，而且应该是安全和幂等的；在做数据查询时，建议用get方式。如：商品信息接口、搜索接口、博客访问接口等。

· POST请求表示可能会修改服务器上资源的请求；在做数据添加、修改时，建议用post方式，如：微博贴吧上传接口、登录注册接口等。

GET是从服务器上获取数据，POST是向服务器传送数据。这个说法是有误的。GET/POST都可以提交数据。Get请求也可以向服务器传递数据。Post请求也需要服务器返回数据。

4  接口测试的常用工具有哪些？

· Postman

·Jmeter

·SoapUI

5  >

以上就是关于如何mock数据全部的内容，包括:如何mock数据、mockjs 使用简介、mock数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！